#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:
