JSFiddle - React, Tailwind, and code Playground

by mblase75

HTML

<div id="imageplaceholder"></div>
<ul>
<li>one one one</li>
<li>two two two</li>
<li>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</li>
<li>three three three</li>
<li>one one one</li>
<li>two two two</li>
<li>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</li>
<li>three three three</li>
<li>one one one</li>
<li>two two two</li>
<li>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</li>
<li>three three three</li>
</ul>

CSS

#imageplaceholder {
    width: 150px;
    height: 150px;
    border: 1px solid black;
    background: blue;
    float: left;
    margin: 0 10px 10px 0;
}
ul {
    list-style: outside disc;
    margin-left: 1em;
}
ul li {
    position: relative;
    left: 1em;
    padding-right: 1em;    
}