JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head>
        <style>
        *{padding:0;margin:0}
        ul#container{width:204px}
         ul#container li{display:inline-block;height:100px;width:100px;background:#666}
        .left{width:50%}
        .right{width:50%;background:#0ca}
        </style>
    </head>
    <body>
        <ul id="container">
    <li>Left</li>
    <li>Right</li>
    </ul>

    </body>
</html>