JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<div data-role="header"> 
            <div id = "homeHeaderButtonDiv">
                <img id = "headerImage" src="http://i1280.photobucket.com/albums/a481/marlberm2014/search.png" alt="search">
                <img id = "headerImage" src="http://i1280.photobucket.com/albums/a481/marlberm2014/search.png" alt="search">
                <img id = "headerImage" src="http://i1280.photobucket.com/albums/a481/marlberm2014/search.png" alt="search">
            </div>
            <div id = "homeHeaderDiv">
                <div id = "homeHeaderText">Title</div>
            </div>
        </div>

CSS

#homeHeaderDiv{
            display: inline;
            margin: .6em 2% .8em;
            width: 70%;
        }

        #homeHeaderText{
            display: inline;
            font-size: 150%;
            text-align: left;
            vertical-align: middle;
        }

        #homeHeaderButtonDiv{
            display: inline-block;
            float: left;
            margin: 0px 2%;
            width: 30%;
        }

        #headerImage{
            display: inline;
            float: right;
            width: 13%;
        }