JSFiddle - React, Tailwind, and code Playground

HTML

<head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
         <div class="foo">
           <a href="#">foo</a>
           <img src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACiklEQVR42q3TX0hTcRQH8O+9m/vP1LW5NpXa7J8J/kNsKNkfxNRISkoKkaB8CDQWmUj5EAQSRNYqmJIPFfSQhWGEolMYaIYopGam1tjM7v4orbD9cd67u9t68GF7izxwHn6ccz4Ph/Mj8J9BbBnArT0FGE6+vtiLofGVdoc7VP99JQASLNLVEuzQirrKi1KNfG15hOQTG4T2Uhzw40lSOEC/bLvdUbBTI5acPmEQShUM4J+BnwqgZywYtHulgSsNdeNSMb9KqG+MAz63HGnrsPaV5KeICwoy4fYp0TP4DSJyGaXaL0gUhTHtVWJySYaW681vxeqKqhjA2nngvXs1ZKgsyyQS0zIw8YlBnXEMPD6Lx5UO5KX44CLlGPBsh+HoKRRW3CRiAFNTNld/Rg8+F4IwWYzRaT/Kzo1G1yLA8PkwDmtCoIgEeDRpGLLJcePhVCxwtXYX135NB9azBB6xjvEFGjUtq4iQJF7XClGYLoQ72u5XJ8BklcHcbY8H9Fz7RTFYVwBYJ8AEfsOx4AXJA/aqBYBSAzvBh5Oh8WJMGAVsscD9phzueK4PiiCNbQIxZikSt/o5qOQcmk8CunQCM1QQs05g2adFq2kiFrA8MowsOlzFNTksmSLiYWCSj4p7NLJyM/CsIYTdCgrzThYDHyVMdpZ+uNo4XBkDBD8Yi+90jVgOZYYkecqfmJ3fwAMLg5xsHaoLNyASBDFFSfFujrO3XthzTFXaZ4u9A6c5iaYTXpnM3aUKAYWSfWtIS1ZAQvyCwwsMzUlZm4dcvnw2426STGCWH+yNO6TVTkBVRIDl9c9Zn5cP9r2Byxv+W0GqSoT9OpmlOF/TyEUiXzeHt/Yz/UOQ0YxsPv4A2bL8EZ2bTR8AAAAASUVORK5CYII="   alt =""   title = "krneki" />    
         </div>
    

    </body>

CSS

body {
    font: normal 1em / 1.5em sans-serif;
 }
.foo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 37.5em;
    margin: 0 auto;
    list-style: none;
 }