JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf</p>
    <ul class="ok">
        <li>asdasdas das dasdasd</li>
        <li>asdasdas das dasdasd</li>
        <li>asdasdas das dasdasd</li>
    </ul>
    <img src="sdfsdf.png" height="600" width="100" alt="">
    <p>sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf</p>
    <p>sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf sdfsdfsdfsd fsdfsdfs df sd fsdf sdfsd fsdf sfsdf sdfsdf sdf</p>
    <ul class="no">
        <li>asdasdas das dasdasd</li>
        <li>asdasdas das dasdasd</li>
        <li>asdasdas das dasdasd</li>
    </ul>
    <ul class="fix-100 ok">
        <li>asdasdas das dasdasd</li>
        <li>asdasdas das dasdasd</li>
        <li>asdasdas das dasdasd</li>
    </ul>
</div>

CSS

p {
    text-indent: 5em;
}
img {
    float: left;
}
.fix-100 {
    margin-left: 100px;
}
.ok {
    background-color: green;
}
.no {
    background-color: red;
}