Como centrar horizontalmente un menu UL

Se me presento un trabajo que debía centrar un menú UL. Encontré un código muy bueno, acá lo publico.

#buttons{

                float:right;

                position:relative;

                left:-50%;

                top: 5%;

                text-align:left;

            }

            #buttons ul{

                list-style:none;

                position:relative;

                left:50%;

                top: 5%;

            }

            #buttons li{

                float:left; 

                position:relative;

            }/* ie needs position:relative here*/

<div id="buttons">

            <ul class="text-animation hidden">

                <li><img src="v.png" alt="V"></li>

                <li><img src="i.png" alt="I"></li>

                <li><img src="n.png" alt="N"></li>

                <li><img src="z.png" alt="Z"></li>

            </ul>

        </div>

Fuente:

https://stackoverflow.com/questions/2865380/how-do-i-center-align-horizontal-ul-menu