JSFiddle - React, Tailwind, and code Playground

HTML

<html>
     <body>
         <div class="header">
             This is the header
         </div>
         <div class="image-and-text">
             <div class="image">
                <img src="http://placekitten.com/200/300"> 
             </div>
             <div class="text">
                 Some text. Whatever you want to put here.
             </div>
             <div class="cf"></div>
         </div>
         <div class="footer">
             I am the footer
         </div>
     </body>
</html>

CSS

.image-and-text{
    clear:both;
}
.image{
    float:left;
}
.text{
    float:left;
}

.footer{
    color:white;
    background:black;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}