Responsive menu using overflow-x

basic

by Roberto Apasajja

HTML

<h2>overflow-x: auto:</h2>
<div class="ex3">
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
  <a href="#">jhghjgh gjgj</a>
</div>

CSS

div.ex3 {
  width:600px;
  white-space: nowrap;
  background-color: #eee;
  overflow-x: auto;
  display: inline-block
}