HTML CSS examples for CSS Widget:Border Style
Nav links horizontally centered between border
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> nav {<!--from w ww. j a v a 2s. co m--> float: right; margin-right: 40px; margin-top: 40px; } nav ul li { border-left: 1px solid #202020; display: inline; } nav ul li a { font-family: nevis-webfont; font-size: 100%; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; margin:0 10px; } nav ul li:first-child { border: 0; } </style> </head> <body> <nav> <ul> <li> <a href="#">Work</a> </li> <li> <a href="#">Blog</a> </li> <li> <a href="#">Services</a> </li> <li> <a href="#">About</a> </li> <li> <a href="#">Contact</a> </li> </ul> </nav> </body> </html>