JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <h2>Kleding</h2>
    <div id="navbanner">
    <div id="nav2">
        <ul>
            <li><a href="../html/kleding.html"id="Babynav">Baby</a></li>
            <li><a href="../html/kleding.html"id="Peuternav">Peuter</a></li>
            <li><a href="../html/kleding.html"id="Kleuternav">Kleuter</a></li>
        </ul>
    </div>
    </div>
    <span id="img">
        <img src="https://www.google.com/images/srpr/logo11w.png" />
    </span>
</div>

CSS

#img{
 float:left;
}

#img img {
    max-width: 100px;
}

#content{
 border: 1px solid #999;
 margin: 30px 0;
 background: white;
 height: 180px;
 padding: 20px;
 clear: both;
 box-shadow: 0px 1px 1px #999;
}