Code:
HTML
Hello, bin trying to figure out how to align my list in a horizontal navbar that is going to be placed below my header main text on my practice site. Dropdown isn't set up yet in java but I want to align them in CSS first. Here is the list code so far.



<ul id='hp_navbarlists'>

<li id='list1'>
<a href='NOTFULL'> ONE </a>
<ul>

<li id='list1_dropdown'> <a href='dropdown1.1'> Dropdown for list 1.1 </a></li>

<li id='list1_dropdown'> <a href='dropdown2.1'> Dropdown for list 1.2 </a></li>

<li id='list1_dropdown'> <a href='dropdown3.1'> Dropdown for list 1.3 </a></li>

<li id='list1_dropdown'> <a href='dropdown4.1'> Dropdown for list 1.4 </a></li>

</ul>

</li><!-- End of dropdown list 1 -->


<li id='list2'>
<a href='NOTFULL'> TWO </a>
<ul>

<li id='list1_dropdown'> <a href='dropdown1.2'> Dropdown for list 2.1 </a></li>

<li id='list1_dropdown'> <a href='dropdown2.2'> Dropdown for list 2.2 </a></li>

<li id='list1_dropdown'> <a href='dropdown3.2'> Dropdown for list 2.3 </a></li>

<li id='list1_dropdown'> <a href='dropdown4.2'> Dropdown for list 2.4 </a></li>

<li id='list1_dropdown'> <a href='dropdown5.2'> Dropdown for list 2.5 </a></li>

<li id='list1_dropdown'> <a href='dropdown6.2'> Dropdown for list 2.6 </a></li>
</ul>
</li><!-- End of dropdown list 2 -->


<li id='list3'>
<a href='NOTFULL'> THREE </a>
<ul>

<li id='list1_dropdown'> <a href='dropdown1.3'> Dropdown for list 3.1 </a></li>

<li id='list1_dropdown'> <a href='dropdown2.3'> Dropdown for list 3.2 </a></li>

<li id='list1_dropdown'> <a href='dropdown3.3'> Dropdown for list 3.3 </a></li>

<li id='list1_dropdown'> <a href='dropdown4.3'> Dropdown for list 3.4 </a></li>

<li id='list1_dropdown'> <a href='dropdown5.3'> Dropdown for list 3.5 </a></li>

<li id='list1_dropdown'> <a href='dropdown6.3'> Dropdown for list 3.6 </a></li>


</ul>
</li><!-- End of dropdown list 3 -->


<li id='list4'>
<a href='NOTFULL'> FOUR</a>
<ul>

<li id='list1_dropdown'> <a href='dropdown1.4'> Dropdown for list 4.1 </a></li>

<li id='list1_dropdown'> <a href='dropdown2.4'> Dropdown for list 4.2 </a></li>

<li id='list1_dropdown'> <a href='dropdown3.4'> Dropdown for list 4.3 </a></li>

<li id='list1_dropdown'> <a href='dropdown4.4'> Dropdown for list 4.4 </a></li>
</ul>
</li>