JSFiddle - React, Tailwind, and code Playground

by p4bl1t0

HTML

<ul>
                                    <li class="a-va">  <img src="http://placedog.com/g/200/150" title="Editar perfil"> <a href="#"> Editar Perfil </a> </li>
                                    <li class="img-va"v>  <img src="http://placedog.com/g/200/150" title="Mis presupuestos"> <a href="#">Mis Presupuestos </a>  </li>
                                    <li class="img-va"> <img src="http://placedog.com/g/200/150" title="Mis pedidos"><a href="#">  Mis Pedidos </a> </li>
                                </ul>

CSS

li{
    border:1px solid black;
    margin:10px;
}
.img-va img{
    vertical-align:middle;
}
.a-va a{
    vertical-align:middle;
}