JSFiddle - React, Tailwind, and code Playground

by edddotcom

HTML

<div class="imcontainer">
    <div class="img-wrap">
        <img width="70px" height="70px" src="http://placehold.it/70/70">
    </div>
    <div class="img-wrap">
        <img width="70px" height="70px" src="http://placehold.it/70/70">
    </div>
    <div class="img-wrap">
        <img width="70px" height="70px" src="http://placehold.it/70/70">
    </div>
    <div class="img-wrap">
        <img width="70px" height="70px" src="http://placehold.it/70/70">
    </div>
    <div class="img-wrap">
        <img width="70px" height="70px" src="http://placehold.it/70/70">
    </div>
</div>
<p>Note: The img-wrap div may not be needed. You could display the images as inline-blocks.</p>

CSS

.imcontainer {
    text-align:center;
    outline: 2px dotted blue;
}
.img-wrap {
    display: inline-block;
    margin: 0 10px;
}
.img-wrap img {
    vertical-align: bottom;
}