Sigrun: Anfängerfrage zur Textpositionierung

Beitrag lesen

Hallo,
ich wollte im folgenden Beispiel die erste Zeile einrücken und die zweite Zeile in dem eingerückten Bereich (also ab +2em) zentriert
haben. Warum klappt dies nicht?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Fehler</title>
 </head>
 <body>
   <div style="font-size:1em;padding-left:2em;padding-top:4em;">
         Die Zeile ist eingerückt
         <br />
         <span style="text-align:center;">Diese Zeile soll in dem um 2em eingerückten Bereich zentriert sein</span>

</div>
</body>
</html>