Fifth Increase

Defining explicit widths and heights should always be avoided wherever possible, as doing so will make the document a lot less future-proof, flexible and extensible… Suppose you have four items in your navigation menu–you can work out the width of these and use margin:0 auto; to centre them. Adding a fifth will increase the width, meaning you’d need to alter the CSS, too. This is far from ideal, and more so with a CMS to power the site (a client can add pages, but perhaps can’t edit CSS). However, there is a way to have a centred horizontal navigation without knowing an explicit width, and without adding CSS. It’s also remarkably easy.

Morbi Amet

Curabitur eget nisi sit amet quam posuere maximus. Proin porttitor pellentesque massa, eu vestibulum nunc volutpat mattis. In nisl ante, vulputate fermentum nisi sit amet, tristique cursus velit. Ut lacinia hendrerit mattis. Sed velit nisi, sollicitudin sit amet elementum eget, ultrices tempus metus. Duis fermentum tellus quis lectus semper eleifend. Aliquam interdum tortor orci, volutpat tincidunt sapien tristique ultrices. Vivamus mattis ipsum dictum, interdum odio nec, ornare lectus. Fusce vehicula leo eu sapien venenatis aliquam. Nulla a est lobortis, tempor lectus ac, scelerisque sapien. Nulla mattis eget magna vitae semper. Nam at quam nec purus egestas sollicitudin in eu nulla. Ut lacinia massa eget vulputate posuere. In ligula libero, lacinia sed consequat a, vestibulum quis ipsum. Proin vitae ante nec purus tincidunt ullamcorper quis id lorem. Donec finibus elit sollicitudin mauris ullamcorper, porta ullamcorper nibh condimentum. Quisque nec nisi justo. Suspendisse dolor ligula, posuere id eros eget, dapibus faucibus dui. Morbi sit amet bibendum justo, et porttitor ligula. Curabitur luctus est vel tortor pharetra, a varius mi interdum. Curabitur eu placerat leo.