Flo: Unerklärliches Problem

Beitrag lesen

Hallo allerseits!
Ich habe ein absolut unerklärliches Problem. Und zwar möchte ich einen <p>-Tag einfach formatieren. Aber das funktioniert weder über inline-Styles noch über ein externes Stylesheet.
Ich poste jetzt mal den Quellcode:

<html>
<head>
 <title>Untitled</title>
</head>

<body>
 <p class="code" style="color: #FF0000;">
  <div style="padding-left:0">&#60;body&#62;</div>
   <div style="padding-left:2em">&#60;h1>Überschrift&#60;/h1&#62;</div>
   <div style="padding-left:2em">&#60;ul&#62;</div>
    <div style="padding-left:4em">&#60;li&#62; Menüpunkt 1 &#60;/li&#62;</div>
    <div style="padding-left:4em">&#60;li&#62; Menüpunkt 2 &#60;/li&#62;</div>
    <div style="padding-left:4em">&#60;li&#62; Menüpunkt 3 &#60;/li&#62;</div>
    <div style="padding-left:4em">&#60;li&#62; Menüpunkt 4 &#60;/li&#62;</div>
   <div style="padding-left:2em">&#60;/ul&#62;</div>
   <div style="padding-left:2em">&#60;div id="content"&#62;</div>
    <div style="padding-left:4em">&#60;p&#62;</div>
     <div style="padding-left:6em">Absatz 1</div>
    <div style="padding-left:4em">&#60;/p&#62;</div>
    <div style="padding-left:4em">&#60;p&#62;</div>
     <div style="padding-left:6em">Absatz 2</div>
    <div style="padding-left:4em">&#60;/p&#62;</div>
   <div style="padding-left:2em">&#60;/div&#62;</div>
  <div style="padding-left:0">&#60;/body&#62;</div>
 </p>
</body>
</html>

Wo liegt mein Fehler? Könntet ihr mir das bitte sagen?
Vielen Dank! Flo