JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head></head>
<body>
    <div class="wholePageDivForCentering">
        <h2>Hello from the page</h2>
        <!-- stuff such as 2 nested divs contained text labels, and a small image -->
    </div>
</body>
</html>

CSS

.wholePageDivForCentering
{
    width: 80%;
    white-space: nowrap;
    /*display:inline-block;*/
    margin: 0 auto;
    border: 4px solid red;

   /* other stuff I tried........*/
   /*padding-left: 10%;*/
   /*margin-left: 10%;*/
   /*padding-right: 10%;*/
   /*margin-right: 10%;*/
}