JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body {
    width: 320px;
    margin: 0 auto;
    border: 1px solid red;
}
a {
    display: block;
    margin: 20px auto;
    border: 1px solid #D5D5D5;
    padding: 2px;
    display: inline-block;
    position: relative;
    margin-left: 50%;
    transform: translateX(-50%);
}
img {
    display: block;
}