JSFiddle - React, Tailwind, and code Playground

by Mustafa Oeztuerk

HTML

<div id="centerSlideDiv">
  
  <button class="prev">
                    Previous
                </button>
                <div id="images">
                    <div>
                        <img src='firstImage.jpg'/>
                    </div>
                    <div>
                        <img src='secondImage.jpg'/>
                    </div>
                    <div>
                        <img src='thirdImage.jpg'/>
                    </div>
                </div>
                <button class="next">
                    Next
                </button>
</div>

CSS

body {
  margin:0;
  padding:0;
}
#centerSlideDiv {
  width:1000px;
  overflow:hidden;
  margin:0 auto;
  background-color:#000;
}button {
    float: left;   
}
#images div {
    border: 1px solid #000;
 
    height:209px;
    margin: 5px;
    text-align: center;
    width: 300px;

}​