JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<h1>H1 Title</h1>
<div id="items">
    <ul>
         <li>A</li>
         <li>B</li>
         <li>C</li>
     </ul>
</div>
<div id="single_image">
    <img src="myImage.png" />
</div>
<div class="clearfix"></div>
</div>

CSS

#items          { float:left; }
#items ul       { list-style:none; margin:0; padding:0; }
#items ul li    { display:inline; float:left; margin-bottom:20px; font-size:22px; }

#single_image       { }
#single_image img   { float:right; height:130px; width:inherit; margin-right:40px; }

.container { width: 50%; margin: 0 auto; background: #EEE; height: 200px; }
.clearfix { clear: both; }