Kann mir jemand das heir zentrieren?

[roleplayerx]

Hallo Leute, ich hab ein Problem. Ich kann das hier ums verrecken nicht zentrieren. Kann das jemand für mich erledigen? Das soll dann komplett in der mitte der Seite sein :)

<p style="text-align: center;"> </p>
<div style="overflow: auto; width: 310px; height: 380px; padding: 0px; border: 4px solid white; background-image: url("http://i780.photobucket.com/albums/yy82/kraehederschatten/VampireChickforStory-3-2.jpg"); background-repeat: repeat; background-attachment: fixed; color: rgb(255, 255, 255); text-align: center;"><br />
<span style="border-bottom: medium double maroon;"><b>Steckbrief:</b></span><br />
<br />
<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Name</i></b></font><br />
Beatrix Hovers<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Rufname</i></b></font><br />
Bea<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Alter</i></b></font><br />
~19 Jahre~<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Rasse</i></b></font><br />
Vampiresse<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Kraft</i></b></font><br />
Stärker und schneller als Sterbliche<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Schwäche</i></b></font><br />
Vampiresse wider Willen<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Größe und Gewicht</i></b></font><br />
1,61 Meter bei 60 Kg<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Familie</i></b></font><br />
Ausgelöscht<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Verhalten</i></b></font><br />
Zurückhaltend, meidet Menschenansammlungen<br />
<br />
<font style="border-bottom: medium double maroon;"><b><i> Besonderes</i></b></font><br />
Trinkt kein Blut, deshalb ist sie angreigfbar und in gewisser Weise sterblich.<br />
</div>
<p> </p>

 

[aJunkie]

<style type="text/css">
.klasse {
border-bottom: medium double maroon;
}
</style>
<div style="overflow: auto; width: 310px; height: 380px; [B]margin:5px auto;[/B] padding:  0px; border: 4px solid white; background-image:  url("http://i780.photobucket.com/albums/yy82/kraehederschatten/VampireChickforStory-3-2.jpg");  background-repeat: repeat; background-attachment: fixed; color:  rgb(255, 255, 255); text-align: center;">
<h1 class="klasse">Steckbrief:</h1>
<font class="klasse"><b><i>    Name</i></b></font><br />
Beatrix Hovers<br />
<br />
<font class="klasse"><b><i>     Rufname</i></b></font><br />
Bea<br />
<br />
<font class="klasse"><b><i>     Alter</i></b></font><br />
~19 Jahre~<br />
<br />
<font class="klasse"><b><i>     Rasse</i></b></font><br />
Vampiresse<br />
<br />
<font class="klasse"><b><i>     Kraft</i></b></font><br />
Stärker und schneller als Sterbliche<br />
<br />
<font class="klasse"><b><i>     Schwäche</i></b></font><br />
Vampiresse wider Willen<br />
<br />
<font class="klasse"><b><i>    Größe und  Gewicht</i></b></font><br />
1,61 Meter bei 60 Kg<br />
<br />
<font class="klasse"><b><i>     Familie</i></b></font><br />
Ausgelöscht<br />
<br />
<font class="klasse"><b><i>     Verhalten</i></b></font><br />
Zurückhaltend, meidet Menschenansammlungen<br />
<br />
<font class="klasse"><b><i>     Besonderes</i></b></font><br />
Trinkt kein Blut, deshalb ist sie angreigfbar und in gewisser Weise sterblich.<br />
 </div>

Kann man aber noch weiter säubern und mit mehr Klassen arbeiten.

 

[Elroy]

Kann man aber noch weiter säubern und mit mehr Klassen arbeiten.[/QUOTE]

<font> ist veraltet und sollte nicht mehr benutzt werden. Warum du ausgerechnet dafür eine Klasse erstellst weiss ich nicht.
Bevor man hier Klassen verteilt sollte man sich um die Semantik kümmern. 

Gruss
Elroy