Ver esta imagen:
¿Cómo puedo compensar verticalmente una viñeta o contenido en CSS?
Es un poco descentrado, y me gustaría trasladar el contenido, o la bala misma hacia abajo. Intenté rellenar, margen y posicionamiento sin ningún resultado. Halp?
Trate de establecer la propiedad vertical-align sobre los elementos de la lista. Los valores posibles son:
baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>
HTML
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
CSS
ul {
list-style-image: url(http://cdn1.iconfinder.com/data/icons/c9d/check.png);
}
li {
vertical-align:top;
}
Top es el único que funciona en ese violín. :/Ninguna de las medidas específicas (porcentaje y px) funciona. –
@DougSmith - si puede publicar su código que pueda ayudar. – j08691
Se podría tratar de establecer line-height igual a la altura de la imagen
Utilice la propiedad css de alineación vertical para colocar la imagen o el texto en la línea.
Por ejemplo:
IMG { vertical-align:middle}
Muestre un cierto código. –
Muéstranos su HTML y CSS – Shmiddty
Preferentemente utilizando http://jsfiddle.net o un sitio similar. –