JSFiddle - React, Tailwind, and code Playground

HTML

<div id="f-page">
    <div style="width:100%; min-width:1024px; z-index:800;
     background-image:url(fimages/headerbg.gif); height:120px;"> 
    <center>
        <div id="f-header">
    </div>
    </center>
      </div>
  <div id="f-mypage">
  </div>
        <div id="f-footer">
         <center>
         <br />
        <h6>
          some text
       </h6>
         </center>

        </div>
    </div>

CSS

#f-footer
    {
      height:70px;  min-width:1024px;
         background-image:url('../f-images/ffoot.png'); background-repeat:repeat-x;
    }
    #f-header
    {
     width:1024px;
     height:120px;
        z-index:1000; 
     }
    #f-page{ margin:0 auto;   }
  #f-mypage{width:1004px;  
  height:auto; background-color:White; margin-top:10px;padding-bottom:30px; 
      border:1px solid #cccfcb;
    -moz-box-shadow:
     5px 0 5px -5px #333,
     -5px 0 5px -5px #333;
   -webkit-box-shadow:
     5px 0 5px -5px #333,
     -5px 0 5px -5px #333;
  box-shadow:
     5px 0 5px -5px #333,
     -5px 0 5px -5px #333; 
   }