JSFiddle - React, Tailwind, and code Playground

by KIRAN VARTHI

HTML

<div class="wrapper">
  <div class="scrolls">
      <div class="imagediv">
          <img src="http://avatar.hivemc.com/avatar/aruturek/100" /><label>aruturek</label>
          </div>
          <div class="imagediv">
              <img src="http://avatar.hivemc.com/avatar/aruturek/100" /><label>aruturek</label>
              </div>
          <div class="imagediv">
              <img src="http://avatar.hivemc.com/avatar/aruturek/100" /><label>aruturek</label>
              </div>
          <div class="imagediv">
              <img src="http://avatar.hivemc.com/avatar/aruturek/100" /><label>aruturek</label>
              </div>
  </div>

CSS

.wrapper { 
    background:#EFEFEF; 
    text-align: center; 
    position: relative;
    width: 540px;
    padding-top: 5px;
    margin: 0 auto;
}
.scrolls .imagediv { 
    height: 150px;
    float: left;
} 
.imagediv img { 
    margin: 2px;
    max-height: 100px;
    cursor: pointer;
    display: block;
    *zoom:1;
    vertical-align:top;
}