Alinear el texto a la parte inferior de un div

Intenté alinear mi texto con la parte inferior de un div de otras publicaciones y respuestas en stackoverflow. Aprendí a manejar esto con diferentes propiedades css. Pero no puedo hacerlo. Básicamente mihtml El código es así:

<div style='height:200px; float:left; border:1px solid #ff0000; position:relative;'>
   <span style='position:absolute; bottom:0px;'>A Text</span>
</div>

El efecto es que en FF solo obtengo una línea vertical (la división de forma contraída) y el texto se escribe a su lado. ¿Cómo puedo prevenir eldiv ¿Colapsando pero teniendo el ancho ajustado al texto?