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:
Cita: .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!