The use of the
font element has been deprecated and it should no longer be used.
Secondly, the first rule of centering is “Don’t use Float”.
Frankly, also, there is no need for the wrapping
p element either. I’d prefer to use a proper menu structure (
ul/li) instead but let’s just go with what we have.
So how to proceed?
Well the first option is to just add a width of 50% to the
.list divs, then center the text in the
That gets you this: