Moin,

Folgender HTML-Code:

<div>
    <hr />
</div>

mit folgendem CSS:

div {
    border: 1px solid red;
    width: 300px;
}

hr {
    border: none;
    border-top: 1px solid Silver;
    height: 0;
    margin: 1em 10%;
    width: 80%;
}

Die Trennlinie ist im Opera "sinniger Weise" nicht zentriert, obwohl width und margin entsprechend gesetzt worden sind. Auch ein 'text-align: center' im div bringt nichts, der Ruler lässt sich definitiv nicht in die Mitte zwingen.

Beispiel: http://madrat.net/tmp/hr-test.html

Was mache ich falsch? Wie lässt es sich beheben?

Gruß,
KonRad -