JSFiddle - React, Tailwind, and code Playground

by htmlzengarden

HTML

<div>
    <div>
        <img src="http://dummyimage.com/100&amp;text=1" alt="1" />
        <img src="http://dummyimage.com/100&amp;text=2" alt="2" />
        <img src="http://dummyimage.com/100&amp;text=3" alt="3" />
        <img src="http://dummyimage.com/100&amp;text=4" alt="4" />
    </div>
    <div>
        <img src="http://dummyimage.com/100&amp;text=5" alt="5" />
        <img src="http://dummyimage.com/100&amp;text=6" alt="6" />
        <!--
        <img src="http://dummyimage.com/100&amp;text=7" alt="7" />
        <img src="http://dummyimage.com/100&amp;text=8" alt="8" />
        -->
    </div>
</div>

CSS

img
{
    display: block;
}
li
{
    float: right;
}
div
{
    width: 200px;
}
div div
{
    float: right;
    width: auto;
}