¿Cómo centrar verticalmente un <span> dentro de un div? [duplicar]

Question

Dec 05, 2010, 05:04 AM

¿Cómo centrar verticalmente un <span> dentro de un div? [duplicar]

Esta pregunta ya tiene una respuesta aquí:

Cómo centrar un elemento horizontal y verticalmente 18 respuestas

El código:

<div 
  id="theMainDiv"
  style="
    border:solid 1px gray;
    cursor:text;
    width:400px;
    padding:0px;"
>
  <span 
    id="tag1_outer" 
    style="
      background:#e2e6f0;
      padding-right:4px;
      padding-left:4px;
      border:solid 1px #9daccc;
      font:normal 11px arial;
      color:#3c3c3c"
  >as</span>
</div>

Como se muestra ahora, el tramo es alinear la esquina inferior izquierda del div.