Justified horizontal HTML Navigation with actual stretched
's and no space inbetween

Asked Feb 23 '15 at 17:16

Active Mar 12 '16 at 16:58

Viewed 57 times

id like to have a justified horizontal HTML navigation, where the li elements are actually stretched.

But so, that the li's have an auto padding, meaning they fill up the space inbetween, so that i can give them a backgroundcolor.

Is this even possible without JS?

edited May 23 '17 at 12:31

Community

asked Feb 23 '15 at 17:16

Jan Benda

Why padding? Just set the width as `calc(100% / <# of elements>)` – Josh Burgess Feb 23 '15 at 17:24
forgot to mention, the amount of items has to be variable, so css doesnt know the # of elements – Jan Benda Feb 23 '15 at 17:43
and the length of the li's may vary. this should be part of the question. i cant edit though :/ – Jan Benda Feb 23 '15 at 18:00
Do you need to support older browsers or just current - 1? – Joshua Whitley Feb 23 '15 at 21:14
It should work on IE8 upwards – Jan Benda Feb 24 '15 at 10:07

0 Answers0