Problemas de centrado.

[Pikus]

Hola a todos,

Tengo el siguiente código HTML:

Código PHP:

  <p class="infotipo solo">Comentarios: </p> 
 
<span class="infotipo solo"><span class="num">02/11/2010</span> a las <span class="num">17:34</span> por <span class="num">Pikus</span></span>  
   

Y mi CSS es el siguiente:

.infotipo{
text-align: right;
font-family: Optima, Verdana, Arial, Helvetica;
vertical-align: middle;
font-size: 13px;
color: #00308C;
font-weight: 700;
}

.solo{
vertical-align: bottom;
text-align: center;
}

.num{
color: #d20d1a;
}

No tengo ningún problema con Opera ni IE (he probado de la 6 a la 8). Tampoco he probado en Chrome pero no creo que esto importe demasiado, en estos navegadores me muestra el contenido centrado (tal y como pone en la clase "solo"). Mi problema aparece en Firefox, es que cuando lo intento ver ahí, la segunda etiqueta html (la del span) me sale alineada hacia la izquierda, y si lo cambio por un <p> se centra. Quiero utilizar un span porque el <p> me genera unos márgenes hacia abajo que me interesan casi siempre pero en algunas ocasiones (como esta), no.

¿Hay alguna solución a esto que no sea cambiar por <p>? Debo de reconocer que no termino de comprender para qué sirve un <span>, simplemente pongo ahí dentro los textos cuando no me interesa usar el <p> por el salto de línea ese que hace.

Gracias!

[ArturoGallegos]

tu solución seria utilizar div en lugar de span o aplicar a esas etiquetas span un display:block; para que ocupen el 100% del ancho disponible

con la etiqueta <p> no tienes problemas ya que es del tipo bloque mientras que un span es del tipo en-linea

[Pikus]

Con el display:block funciona perfecto. Hay muchas cosas de CSS que no sé para qué sirven, esta era una de ellas aunque ya me ha quedado claro para qué sirve exactamente, muchas gracias por tu ayuda.

Por cierto una pregunta más, ¿a qué te refieres exactamente cuando dices que es del tipo en-línea?¿Que sólo ocupa lo que "ocupe el contenido"? Me gusta CSS pero tengo mucho que aprender :_(

Edit: Unos post más abajo viene todo esto explicado, no lo había visto, perdón :$