Durchgehende Linie erzeugt nicht gewollten Abstand

Krusty

Guten Abend,

ich habe mittels CSS eine Linie erstellt.
CSS:

Code

#ueberschrift_hr {
    width: 100%; 
    height: 1px; 
    border: 0;  
    color: #000000;
    background-color: #000000;
    padding: 0;
    margin: 0;
}

HTML:

Code

<strong>Überschrift</strong>
[B]<div id="ueberschrift_hr"></div> [/B]
Text.

Zwischen "Überschrift" und dem DIV "ueberschrift_hr" ist nun ein großer Abstand, der nicht beabsichtigt ist.
Ich hoffe, mir kann jemand helfen und ich bedanke mich im Voraus.

Liebe Grüße,
Daniel Ahrend.

threadi

Gib noch ein "font-size: 1px;" dazu.

Allerdings würde ich den Code anders schreiben und diese Linie als Border des Textes darüber setzen. Wäre einfacher und sähe schicker aus.

Elvis

Das ganze Konstrukt ist Murks!

Überschriften zeichnet man gemäß ihrer Wertigkeit mit <h1> bis <h6> aus. Will man eine Linie auszeichnen, tut man dies mit <hr> (HTML) oder <hr /> (XHTML).

Eine Überschrift formatiert man richtigerweise mit CSS (und darum ging es doch wohl) entweder mit

HTML

h1 {text-decoration: underline;}

oder

HTML

h1 {border-bottom: 1px solid #DDD;}

Krusty

Danke für eure Hilfe.

Tags