JSFiddle - React, Tailwind, and code Playground

by urdh

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a nulla non orci laoreet placerat eget non sapien. Duis faucibus justo non quam elementum ut tincidunt libero hendrerit. Etiam enim arcu, consectetur in egestas id, tempor dignissim ligula. In elit magna, condimentum et porta facilisis, condimentum sed lacus. Curabitur quam quam, commodo ac facilisis eget, vehicula ac nunc. Ut tristique vestibulum sollicitudin. Curabitur consectetur magna in libero aliquam rutrum. Morbi auctor semper magna, dapibus vehicula metus cursus a. Praesent neque magna, egestas eu laoreet non, faucibus ac justo. In id diam quis orci blandit bibendum. Nullam bibendum sem et quam adipiscing id tristique nunc scelerisque. In hac habitasse platea dictumst. Donec quis justo a purus ultrices vehicula. Aenean suscipit magna sodales purus elementum mattis vel eget quam. In nec erat sed turpis egestas varius. Nam et odio massa, in placerat turpis.</p>

<div id="subfig">
    <img class="figure1" src="">
    <img class="figure2" src="">
</div>
    
<p>
    Donec tempor cursus suscipit. Aenean eget nisl nunc, ut porta urna. Mauris pulvinar pulvinar suscipit. Sed erat tortor, lacinia et elementum at, consequat quis justo. Praesent fringilla, arcu nec dapibus varius, neque mi dignissim lorem, sed gravida erat nisi eu purus. Donec arcu ipsum, vulputate id vehicula non, adipiscing faucibus orci. Proin sit amet nulla lorem. Cras tincidunt eros nec tellus venenatis ut pellentesque metus fermentum. Fusce sed libero facilisis magna sagittis ultricies ut a sem. Curabitur risus ante, consequat id pellentesque a, tristique ac diam. Ut eu libero nulla. Integer mauris velit, tempus ac vestibulum id, gravida nec metus.</p>

<div id="subfigfloat">
    <img class="figure1" src="">
    <img class="figure2" src="">
</div>

<p>Mauris accumsan dignissim libero nec malesuada. Morbi leo neque, ultricies ac interdum quis, rutrum sit amet felis. Etiam condimentum condimentum ipsum, a euismod neque cursus...

CSS

body { font-size: 5px; }
img { width: 60px; height: 60px; border: 1px solid black; }
#subfig { width: 150px; overflow: auto; margin: 0 auto; }
#subfigfloat { width: 150px; float: left; }
.figure1 { float: left; }
.figure2 { float: right; }