Richten Sie den Text am unteren Rand eines Div aus

Ich habe versucht, meinen Text von anderen Posts und Antworten in stackoverflow am Ende eines Div auszurichten. Ich habe gelernt, mit verschiedenen CSS-Eigenschaften damit umzugehen. Aber ich kann es nicht schaffen. Grundsätzlich meinehtml Code ist wie folgt:

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

Der Effekt ist, dass ich in FF nur eine vertikale Linie bekomme (das Div in einer reduzierten Weise) und der Text daneben geschrieben wird. Wie kann ich das verhindern?div Einstürzen, aber mit der Breite, die zum Text passt?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage