Stretch Horizontal Nav Items to Full Width of Container

Sub-navigation must be in a container:


.sub_menu {

	display: table;

	width: 100%;

	border-collapse: collapse;

	border: none;


.sub_menu ul {display: table-row;} 

.sub_menu ul li {

	display: table-cell;

	margin: 0;



<div class="sub_menu">


              <li>Amount Raised to Date</li>

              <li>Campaign News</li>

              <li>Duntet Eumquo</li>



Sourced here.

Leave a Reply

Posted in CSS
katherine as a flat graphic icon

About Me

I’m an African / Ojibwe First Nations Web Developer living in Winnipeg, Manitoba.

Visit the Tips and Blog to see what I’m working on.