JSFiddle - React, Tailwind, and code Playground

by web designer

HTML

// make padding and border inside width and height for everything !
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div, h1, h2, h3, p, .info {
  border: 1px solid red;
}

section.info {
  position: absolute;
  left: 50px;
  width: 200px;
  height:300px;
  padding: 10px;

<div class="MyIntegra_Container">
<div id="CustomerMenu">
    <ul>
        <li><a>Link</a></li>
    </ul>
    <ul>
        <li><a>Link</a></li>
    </ul>
    <ul>
        <li><a>Link</a></li>
    </ul>
</div>
Text goes here
</div>

CSS

.MyIntegra_Container {
	width:95%;
	margin:0 auto;
	border:1px solid black;
    text-align:center;
}

#CustomerMenu ul {
	padding: 0;
	list-style-type: none;
	display:inline-block;
}
#CustomerMenu ul li {
	display: inline;
}
#CustomerMenu ul li a {
	text-decoration: none;
	padding: 10px;
	color: #FFFFFF;
	background-color: #666666;
}
#CustomerMenu ul li a:hover {
	color: #fff;
	background-color: #f36f25;
}