Stretch Horizontal Nav Items to Full Width of Container

Sub-navigation must be in a container:

CSS:



.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;

}



HTML:

<div class="sub_menu">

       <ul>

              <li>Amount Raised to Date</li>

              <li>Campaign News</li>

              <li>Duntet Eumquo</li>

       </ul>

</div>

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.