JSFiddle - React, Tailwind, and code Playground
by Tan
HTML
<div class="container">
<div class="contain">
<div class="mob">More</div>
<div class="nav">
<a href="#">link one</a> <a href="#">link two</a> <a href="#">link three</a> <a href="#">link four</a> <a href="#">link five</a> <a href="#">link six</a> <a href="#">link one</a> <a href="#">link two</a> <a href="#">link three</a> <a href="#">link four</a> <a href="#">link five</a> <a href="#">link six</a>
</div>
</div>
</div>CSS
body {margin:0;}
.container {border:solid #999;border-width:0 0 1px 0;}
.contain {max-width:900px;margin:auto;}
.mob {float:right;height:30px;line-height:30px;}
.nav {line-height:30px;overflow:hidden;}
.nav a {padding:0 10px 0 0;display:inline-block;}