Tab like list : LI : List Style HTML CSS TUTORIALS


HTML CSS TUTORIALS » List Style » LI »

 

Tab like list


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
            ul {
                
                list-style: none;
                border-bottom: thin solid black;
                height: 21px;
            }
            li {
                text-align: center;
                float: left;
                margin: 0 10px;
                border: thin solid black;
                width: 100px;
            }
        </style>
    </head>
    <body>
        <ul>
            <li><a href='http://www.google.com'>Google</a></li>
            <li><a href='http://www.yahoo.com'>Yahoo</a></li>
            <li><a href='http://www.ebay.com'>Ebay</a></li>
            <li><a href='http://www.wrox.com'>Wrox</a></li>
        </ul>
    </body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo List Style
» LI