JSFiddle - React, Tailwind, and code Playground

by ericx1023

HTML

<div class="out">
    <div class="img"></div>
    <div class="block-formatting-context">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid officia repellat vel cumque quisquam suscipit quia ducimus tenetur similique repudiandae iste dolores facilis eveniet. Dolor iure ducimus autem ipsam consequatur.</p>
    </div>
</div>

CSS

.out {
    width: 500px;
}
.block-formatting-context {
    padding-left: 15px;
    border: 1px solid #f00;
    overflow:hidden;
}
.img {
    float: left;
    background: black;
    width: 100px;
    height: 100px;
}