JSFiddle - React, Tailwind, and code Playground

by cssGuy

HTML

<div id="wrapper">
    <img src="http://www.lorempixel.com/100/100" alt="">
    <img src="http://www.lorempixel.com/100/100/animals" alt="">
    <img src="http://www.lorempixel.com/100/100/people" alt="">
</div>

CSS

/* Remove gap below inline-block elements 
 --> just applay vertical-align: middle;
Also notice white-space gap between inline elements, that comes form markup.
*/
 body {
    margin: 0;
}
#wrapper {
    background-color: red;
}
img {
    vertical-align: middle; /* toggle this to see effect */
}