JSFiddle - React, Tailwind, and code Playground

HTML

<p class="hello"> Hello, I'm a text with an image on the center. I wish to have this image on the center while I'm align left. <img class="nice" src="https://www.google.pt/images/srpr/logo3w.png" alt="nice" />And this is a proper way of doing it. Because we now understand what center an element means on css. It seems to be a nice feature to know isn't it. :)</p>

CSS

p .hello {
text-align: left;
}

img.nice {
display: block;
    margin:0px solid red;
margin: .4em auto;
}