я не могу выровнять меню, содержащееся вul, к горизонтальному центру его контейнера. как это сделать?

Смживая демонстрация меню на jsFiddle.

<a href="aboutus.php">AboutUs</a>
    
        <a href="aboutsquare.php">About Square Innovations</a>
        <a href="ourvision.php">Our Vision</a>
        <a href="ourmission.php">Our Mission</a>
        <a href="trainerprofiles.php">Trainer Profiles</a>
        <a href="funclass.php">Fun In Our ClassRooms</a>