JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<h2>Center an Image</h2>
<p>To center an image, use margin: auto; and make it into a block element:</p>

<div class=wrapper>
<img src="https://static.pexels.com/photos/3247/nature-forest-industry-rails.jpg" alt="Paris" style="width:20%">
<img src="http://www.planwallpaper.com/static/images/4-Nature-Wallpapers-2014-1_ukaavUI.jpg" alt="Paris" style="width:20%">
<img src="http://1.bp.blogspot.com/-FlpE6jqIzQg/UmAq6fFgejI/AAAAAAAADko/ulj3pT0dIlg/s1600/best-nature-desktop-hd-wallpaper.jpg" alt="Paris" style="width:20%">
</div>

CSS

.wrapper {
  border:1px solid grey;
  width:80%;
  margin:0 auto;
   text-align:center;
}

img {
    display: inline-block;
    margin: 0 auto;
}