Justified navigation bar

suggest change

The horizontally justified navigation (menu) bar has some number of items that should be justified. The first (left) item has no left margin within the container, the last (right) item has no right margin within the container. The distance between items is equal, independent on the individual item width.




nav {
    width: 100%;
    line-height: 1.4em;
ul {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: justify;
    margin-bottom: -1.4em;
ul:after {
    content: "";
    display: inline-block;
    width: 100%;
li {
    display: inline-block;


Feedback about page:

Optional: your email if you want me to get back to you:

Table Of Contents