JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Inceptum Components</title>
   </head>
<nav>
   <body style="vertical-align:middle;">
      <center>
          <img src="http://inceptumcomponents.com/images/logo.jpg" alt="Inceptum Components" width="1000" />
      </center>
   </body>
</nav>

CSS

/* vertical-horizontal-centering , display through CSS 2.1 or 3 if understood by browser 
this include I8 and above, opera, FF, Saf, Ch, etc ... */
html,body {
            display:table;
            display:flex;
            display:-webkit-flex;
            height:100%;
            width:100%;
            margin:0;
           }
body { display:table-cell;
       vertical-align:middle;
       display:-webkit-flex;
       display:flex;
     }
     
p,nav { margin:auto;
        display:table;
       }
       
nav a {padding:0 1em;
       box-shadow:0 0 3px;
       vertical-align:top;
       background:blue
      }
      
a:hover {background:tomato;}
nav:before {content:'Coming Soon.....';
            display:table-caption;
            position:absolute;
            margin-top:-1.5em;
            opacity:0.5;
            text-shadow:0 0 5px blue;
           }