JSFiddle - React, Tailwind, and code Playground
HTML
<div class="sitemap">
<div class="row-fluid">
<ul>
<li class="menulinks">
<div class="menulinks-header"></div>
<ul>
<li class="submenulinks"><div>Test 1</div></li>
<li class="submenulinks"><div>Test 2</div></li>
<li class="submenulinks"><div>Test 3</div></li>
<li class="submenulinks"><div>Test 4</div></li>
<li class="submenulinks"><div>Test 5</div></li>
<li class="submenulinks"><div>Test 6</div></li>
<li class="submenulinks"><div>Test 7</div></li>
<li class="submenulinks"><div>Test 8</div></li>
<li class="submenulinks"><div>Test 9</div></li>
</ul>
</li>
<li class="menulinks">
<div class="menulinks-header"></div>
<ul>
<li class="submenulinks"><div>Test 1</div></li>
<li class="submenulinks"><div>Test 2</div></li>
<li class="submenulinks"><div>Test 3</div></li>
<li class="submenulinks"><div>Test 4</div></li>
<li class="submenulinks"><div>Test 5</div></li>
<li class="submenulinks"><div>Test 6</div></li>
<li class="submenulinks"><div>Test 7</div></li>
<li class="submenulinks"><div>Test 8</div></li>
<li class="submenulinks"><div>Test 9</div></li>
</ul>
</li>
<li class="menulinks">
<div class="menulinks-header"></div>
<ul>
<li class="submenulinks"><div>Test 1</div></li>
<li class="submenulinks"><div>Test 2</div></li>
<li class="submenulinks"><div>Test 3</div></li>
<li...
CSS
.sitemap .menulinks{
margin-top: 20px;
text-align:center;
padding-top:10px;
margin-left: 0px;
margin-right:10px;
color: #FFFFFF;
width:11%;
float:left;
min-width: 100px;
display:block;
}
.sitemap .menulinks-header {
height:35px;
background-color:green;
border-radius: 10px;
}
.submenulinks{
margin-top: 20px;
margin-right:10px;
color: green;
}