<div class="scrollmenu">
  <a href="#home" class="main">Home</a>
  <a href="#news" class="main">News</a>
  <a href="#contact" class="main">Contact</a>
  <a href="#about" class="main" style="border:0">About</a>
  <a href="#more" class="main">More</a>
</div>

body {width:360px; margin:0 auto;
font-family:'Godo' , 'Sans-serif' !important; font-weight:500;}
.scrollmenu {background-color:#fff;overflow:auto;white-space:nowrap; font-size:0;}

.scrollmenu a.main {display:inline-block;color:#555;text-align: center;padding:19.5px 0;text-decoration:none; width:20%; font-size:14px; box-sizing:border-box;font-family:'Godo' , 'Sans-serif' !important; font-weight:500;}

.scrollmenu a.main:hover {border-bottom:2px solid pink;}