lunes, 9 de julio de 2018

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: