JSFiddle - React, Tailwind, and code Playground

by Andrew Warren

HTML

<div class="items">
    <figure>
        <img src="hello.png" width="100px" height="100px">
        <figcaption>Caption 1</figcaption>
    </figure>
    <figure>
        <img src="hi.png" width="100px" height="100px"> 
        <figcaption>Caption 2</figcaption>
    </figure>
</div>

CSS

.items{
    text-align:center;
    margin:50px auto;
}
.items figure{
    margin:0px 20px;
    display:inline-block;
    text-decoration:none;
    color:black;
}