CSS Nav Menu Styling

Despite being simple I still haven’t got this burned into my memory and end up googling it more often than I should. I’ll be adding this to my anki deck later. These seem to be some good default menu styling and can serve as a nice starting point when creating a layout from scratch.

div#navbar ul {
list-style: none;
display: block;
margin: 0 10px;
}
div#navbar ul li {
float: left;
margin: 0 1.5em;
font: bold 1em Arial;
}

via.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>