Cannot align menu-div centered

[clipp]

Hey all,

Can anybody tell me where’s my mistake?
The menue should be aligned in the center
of the body.

[Your text to link here…](http://codepen.io/clipp/pen/aydCh “klick here”)

[Paulie_D]

Try this:

.navigation ul{
text-align:center;
}

.navigation ul li{
display:inline-block;

}

[CrocoDillon]

@Paulie_D, need block too (it’s set to inline-block now)

.navigation ul {
display: block;
text-align: center;
}

[clipp]

Thank you!

Can you explain in short why it’s working right now?

[clipp]

But I see that the text-parts in the header are not aligned correctly:

[Your text to link here…](http://codepen.io/clipp/pen/aydCh “http://codepen.io/clipp/pen/aydCh”)

The menue has more space on its left side than on his right side.

[CrocoDillon]

Add `padding: 0;` to `.navigation ul`.

[clipp]

Great, that’s it.

[Author]

Posts