Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <nav>
    <ul>
      <li><a href="#item-1">Menu 1</a></li>
      <li><a href="#item-2">Menu 2</a></li>
      <li><a href="#item-3">Menu 3</a></li>
      <li><a href="#item-4">Menu 4</a></li>
      <li><a href="#item-5">Menu 5</a></li>
    </ul>
  </nav>
</body>
</html>
 
nav {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
}
nav > ul {
  display: table-row;
}
nav > ul > li {
  display: table-cell;
  text-align: center;
  background: red;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Poetropro
0viewers