Как горизонтально выровнять элемент ul по центру
Я не могу выровнять меню, содержащееся вul
, к горизонтальному центру его контейнера. как это сделать?
Смживая демонстрация меню на jsFiddle.
<li><a href="aboutus.php">AboutUs</a>
<ul class="sub">
<li><a href="aboutsquare.php">About Square Innovations</a></li>
<li><a href="ourvision.php">Our Vision</a></li>
<li><a href="ourmission.php">Our Mission</a></li>
<li><a href="trainerprofiles.php">Trainer Profiles</a></li>
<li><a href="funclass.php">Fun In Our ClassRooms</a></li>
</ul>
</li>