Buenas tardes, saludos a todos.
Me gustaria que me ayuden un poco ya que he intentado de varias formas pero no consigo centrar verticalmente un elemento con respecto a otro.
A lo que me refiero es algo como en la imagen:
Estoy trabajando con listas, algo como esto:
Código HTML:
<ul>
<li>link 1<ul>
<li>opcion 1</li>
<li>opcion 2</li>
<li>opcion 3</li>
<li>opcion 4</li>
</ul></li>
<li>link 2<ul>
<li>opcion 1</li>
<li>opcion 2</li>
<li>opcion 3</li>
<li>opcion 4</li>
</ul></li>
<li>link 3<ul>
<li>opcion 1</li>
<li>opcion 2</li>
<li>opcion 3</li>
<li>opcion 4</li>
</ul></li>
<li>link 4<ul>
<li>opcion 1</li>
<li>opcion 2</li>
<li>opcion 3</li>
<li>opcion 4</li>
</ul></li>
</ul>
He probado con margin, left, padding, position, etc.. y no lo he logrado. Se me ha nublado la mente; si alguien tiene una idea que me pueda ayudar por favor sabre agradecer.
Saludos a todos!!