JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bookcenter">
    <div class="booktop">
  SDF<br />
        DSF<br />
        SDF<br />
        SDFDS<br />
        FDS<br />
        А<br />
        SDFSD<br />
        FS<br />
        DF<br />
        SDad</p>
      <p>asd</p>        А<br />
        SDFSD<br />
        FS<br />
        DF<br />
        SDad</p>
      <p>asd</p>        А<br />
        SDFSD<br />
        FS<br />
        DF<br />
        SDad</p>
      <p>asd</p>        А<br />
        SDFSD<br />
        FS<br />
        DF<br />
        SDad</p>
      <p>asd</p>        А<br />
        SDFSD<br />
        FS<br />
        DF<br />
        SDad</p>
      <p>asd</p>        А<br />
        SDFSD<br />
        FS<br />
        DF<br />
        SDad</p>
      <p>asd</p>        А<br />
        SDFSD<br />
        FS<br />
        DF<br />
        SDad</p>
      <p>asd</p>        А<br />
        SDFSD<br />
        FS<br />
        DF<br />
        SDad</p>
      <p>asd</p>
      <p>sadasdsadsadasd sad sad sa в as в asd sa в as в as в asd as в as в asd as в as da s в as das dasd sad <br />
        А<br />
        SDF<br />
            
    </div>
</div>
<div class="bookbottom"></div>
          
          
<style>
.booktop {
margin:0 auto;
background: url("http://savepic.su/1633362.jpg") 0px 0 no-repeat;
min-height:296px;
padding:110px 80px 40px 130px;
}

.bookcenter {
width:725px;
margin:0 auto;
background: url("http://savepic.su/1615954.jpg");
background-repeat: repeat-y;
height: auto;
}

.bookbottom {
background:url(http://savepic.su/1609810.jpg) repeat-y center 0;
width:725px;
height:65px;
margin:0 auto;
}

</style>