JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div id="TankDialog" title="Choose Tank" style="">
      <div class="ImageBox"><img src="http://www.marugujarat.in/_/rsrc/1347537425139/config/mock%20test.png" style="width:150px" /></div>
      <div class="ImageBox"><img src="http://www.marugujarat.in/_/rsrc/1347537425139/config/mock%20test.png" style="width:150px" /></div>
      <div class="ImageBox"><img src="http://img.wikinut.com/img/gycf69_-6rv_5fol/jpeg/0/Best-Friends-Img-Src%3AImage%3A-FreeDigitalPhotos.net.jpeg" style="width:150px" /></div>
      <div class="ImageBox"><img src="images/tanks/tank4.png" style="width:150px" /></div>
      <div class="ImageBox"><img src="images/tanks/tank5.png" style="width:150px" /></div>
      <div class="ImageBox"><img src="images/tanks/tank6.png" style="width:150px" /></div>
      <div class="ImageBox"><img src="images/tanks/tank7.png" style="width:150px" /></div>
      <div class="ImageBox"><img src="images/tanks/tank8.png" style="width:150px" /></div>
      <div class="ImageBox"><img src="images/tanks/tank9.png" style="width:150px" /></div>
      <div class="ImageBox"><img src="images/tanks/tank10.png" style="width:150px" /></div>
</div>

CSS

.ImageBox{
    float:left;
    width:177px;
    height:177px;
    display:block;
    margin: 0 auto;
    text-align: center;
        line-height: 177px;
}
.ImageBox > img {
  vertical-align: middle;
}