JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="outer">
    <img src="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" class="inner" />
    <img src="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" class="inner" />
    <img src="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" class="inner" />
</div>
<br/>Do not want extra black around images. Do not know beforehand how many images there will be.
<br/>
<br/>
<div class="outer">
    <img src="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" class="inner" />
    <img src="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" class="inner" />
</div>

CSS

.outer {
    background:black;
    padding:10px;
    float:left;
}
.inner {
    background:yellow;
    width:50px;
}