JSFiddle - React, Tailwind, and code Playground

by micahSan

HTML

<html>
  <body>
      
    <div id="wholePageDiv" class="wholePageDivForCentering"> 
      <div id="outerDiv" style="margin: 0; margin-top: 10px; min-width: 100%; 
              display: inline-block; overflow: hidden">

          (not shown:  a bunch of divs with text)(not shown:  a bunch of divs with text)(not shown:  a bunch of divs with text)(not shown:  a bunch of divs with text)(not shown:  a bunch of divs with text)(not shown:  a bunch of divs with text)
      </div>
    </div>
      
  </body>
 <html>

CSS

.wholePageDivForCentering
   {
      /* width: 100%; */
      min-width: 100%;
      /* height: 100%; */
      min-height: 100%;
      white-space: nowrap;
      margin: 0 auto;
   }