JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div">
                <img src="dual.png"/>
                <h1>Boot From a CD or USB Drive on Any PC</h1>
                <div>footers</div>
            </div>

CSS

.div{
            float:left;
            height:300px;
            width:22%;
            margin-top:15px;
            margin-left:15px;
            background-color: #e4f2ff
        }
        .div img{
            width:100%;
            height:180px;
        }
        .div h1{
            font-size:20px
        }
        .div div{
            background:red;
            float: bottom;
            position: absolute;
            bottom: 0;
        }