JSFiddle - React, Tailwind, and code Playground

by Gereltod Gotsbayar

HTML

<div class="sidebar">
    <ul>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
        <li> menu </li>
    </ul>
</div>
<div class="content">
    хайлтын үр дүн
</div>
<!-- энэ тайлбарыг устга
<div style="clear: both"></div>
-->
<div class="footer">boring copyright</div>

CSS

:root {display: block}

.sidebar {float: left; width: 40%; background-color: #ddd}
.content {float: left; width: 60%; background-color: #bbb }
.footer {width: 100%;  background-color: #999}