Advanced Search

Reduce height of pipes in a horizontal menu

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <htmL>
  2.  <head>
  3.   <style>
  4. ul {margin: 0; padding: 0; list-style: none; }  
  5. ul#menu  li { display: inline; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #000; }
  6. ul#menu  li a { color: #000; line-height: 0.75em; } /* NB: line-height reduces pipe height */
  7. ul#menu  li.last { border-right: none; }
  8.   </style>
  9.  </head>
  10.  <body>
  11.   <ul id="menu">
  12.    <li  ><a href="#" >Contact</a>
  13.    <li><a href="#" >About</a>
  14.    <li><a href="#" >Bookings</a>
  15.    <li class="last" ><a href="#" >Terms</a>
  16.   </ul>
  17.  </body>
  18. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.