JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="aligncenter">
    <img src="http://placehold.it/240x150" alt="">
</a>

<br/>
<br/>
<img src="http://placehold.it/240x150" alt="">

CSS

body {
    width: 320px;
    margin: 0 auto;
    border: 1px solid red;
}
a {
    display: block;
    margin: 20px auto;
    border: 1px solid #D5D5D5;
    padding: 2px;
    display: block;
}
a img {
    display: block;
    margin:0 auto;
}