JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div id='cont'>

<div id='div_title' class='mborder'>
<h1>Header</h1>
<h2>Subheader</h2>
</div>

<!--<table><tr>
<td><a href='#'>Blah Blah Blah Blah</a></td>
<td><a href='#'>Blah Blah</a></td>
<td><a href='#'>Blah Blah Blah Blah</a></td>
<td><a href='#'>Blah Blah</a></td>
</tr></table>-->


<ul id='mmenu' class='cf'>
<li><a href='#'>Blah Blah Blah Blah</a></li>
<li><a href='#'>Blah Blah</a></li>
<li><a href='#'>Blah Blah Blah Blah</a></li>
<li><a href='#'>Blah Blah</a></li>
</ul>

</div ><!--id='cont'

</body>

CSS

/* -3: START GENERAL STYLES */
/* UNDO BROWSER DEFAULT STYLES */
a,abbr,acronym,address,blockquote,body,caption,code,dl,dd,del,dfn,div,dt,em,fieldset,
form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,legend,li,object,ol,p,pre,q,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}ul{list-style:inside;}a{text-decoration:none;}body,div{position:relative;}ol{list-style-position:inside;}

/*CLEARFLOAT HACK*/
.cf:before,.cf:after {    content: " "; /* 1 */    display: table; /* 2 */}
.cf:after {    clear: both;}
.cf {    *zoom: 1;}

html { 
font-family:arial;
color:#0a93cd;
background: red; 
background-size: cover;
}

div#cont{
width:960px;
margin:0 auto;
}

a{
color:#0a93cd;
}

a:hover{
color:#444;
}

/***TITLE***/

div#div_title{
/*width:956px;
margin:50px auto 0px auto;*/
margin:45px 0 5px 0;
background:#fff;
border:2px solid #0a93cd;
border-radius:20px;}

div#div_title img{
float:left;
margin:15px 15px 0px 15px ;
}

div#div_title h1{
letter-spacing:.05em;
font:75px Arial;
color:#0a93cd;
margin:12px 15px 0px 15px ;
}

div#div_title h2{
letter-spacing:.05em;
font:30px arial;
text-align:right;
color:#666;
margin:-10px 25px 7px 00px;
}

/***MMENU***/

ul#mmenu{
width:fit-content;
margin:15px auto 10px auto;
overflow:hidden;
}

ul#mmenu li{
letter-spacing:.05em;
color:#0a93cd;
display:block;
float:left;
font:24px arial;
padding:7px 26px;
margin:0px 4px;
background:#fff;
border-left:2px solid #0a93cd;
/**/border:2px solid #0a93cd;
border-radius:13px;
text-align:center;
}

ul#mmenu li:hover{
border-color:#444;
}

ul#mmenu li:first-child{
margin-left:4px;
padding-left:26px;
}

div#mtext{
margin:30px auto;
width:956px;
min-height:100px;
background:#fff;
}