JSFiddle - React, Tailwind, and code Playground

HTML

<p>Some text</p>
<p>
    <!-- I want this p to be centered since it's an image -->
    <a href="#"><img src="http://fpoimg.com/200x200"/></a>
</p>
<p>Some more text</p>

CSS

p img {
    display: block;
    margin: 0 auto;
}