JSFiddle - React, Tailwind, and code Playground

by stefanu

HTML

<div id="container">
    <div id="floated"></div>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. <ul>
    <li>some text in a list item</li>
    <li>some text in a list item</li>
    <li>some text in a list item</li>
    <li>some text in a list item</li>
    <li>some text in a list item</li>
    <li>some text in a list item</li>
    </ul>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</div>

CSS

#container{
    width: 100%;
    background: yellow;
}
#floated{
    float: left;
    width: 200px;
    height: 200px;
    background-color: white;
}
#container ul {
    list-style-position: inside;
}