Example of centered HTML UL LI menu

Here is an example of a centered HTML UL LI menu:

<style type=”text/css”>
    .wrapper {
        text-align: center;
        background: #22ff00;
    }
    .wrapper ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        /* For IE, the useless browser */
        zoom:1;
        *display: inline;
        background: #ff0000;
    }
    .wrapper li {
        float: left;
        padding: 2px 5px;
        border: 1px solid black;
    }
</style>

<div>
    <ul>
        <li>Menu1</li>
        <li>Menu 2</li>
        <li>Menu 2</li>
    </ul>
</div>

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s