JSFiddle - React, Tailwind, and code Playground

HTML

<div id ="book-wrapper">
            
                     
            <div id ="page1">
                <div id = "largest">
                   <img src="http://www.moviespad.com/photos/brad-pitt-poster-392f6.jpg"/>
                </div>
               
               <div id = "medium">
                   <img src="http://www.picgifs.com/celebrities/b/brad-pitt/celebrities-brad-pitt-179755.jpg"/>
               </div>
                
               <div id = "smallest">
                   <img src="http://ssl.gstatic.com/android/market/pongoproductions.Brad_Pitt_100100/hi-256-0-acd81f6f98299f7b230fc5014a9eb18c536adc8a.pn"/>
                </div>       
            
            </div>
</div>

CSS

#page-left {
float: left;
margin:5px;
}

#page-right {
float: left;
margin:5px;
}