Horizontal lists

by danielkwood

HTML

<html>
    <head>
        <title>Styling lists</title>
        <link rel="stylesheet" href="theme.css" type="text/css"/>
    </head>

    <body>
        <ul class="menu">
            <li><a href="index.html">Home</a></li>
            <li><a href="products.html">Products</a></li>
            <li><a href="support.html">Support</a></li>
            <li><a href="contact.html">Contact Us</a></li>
        </ul>
    </body>
</html>

CSS

.menu li{
    display: inline;
    font-family: Arial;
    padding-right: 10px;
}

.menu{
    padding-left: 0;
}