jenskie: Boxmodell und Text randlos

SELF-Forum

Boxmodell und Text randlos

jenskie
– Informationen zu den Bewertungsregeln

Hallo, ich habe folgende Schwierigkeit:
Ich möchte, dass der Text "Hallo Hilfe" ohne Innenabstand oben und unten am Rand der roten H2-box anliegt. Wie geht das? Mit "padding-left:0;" bekommt man den Text ja auch randlos an den linken Innenrand.

html:

<body>
<div id="kopf">
<div id="logo_text">
<h2>HALLO<br/><span class="rudolph">HILFE</span></h2>
</div>
</div>
</body>

css:

body {
background-color: white;
color:black;
margin:0;
padding:0;
}

#kopf{
padding:0;
margin: 0;
height:67px;
background-color:#cccccc;
}

#logo_text{
margin: 0 0 0 286px;
padding:0;
float:left;
}

#logo_text h2{
font-family:"Times New Roman", Times, serif;
font-size: 24px;
letter-spacing:0.06em;
line-height:1.2em;
margin:0;
padding:0 0 0 0;
background-color:red;
}

#logo_text h2 .rudolph{
font-size:39px;
letter-spacing:0.05em;
}

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Boxmodell und Text randlos

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    Ich möchte, dass der Text "Hallo Hilfe" ohne Innenabstand oben und unten am Rand der roten H2-box anliegt.

    Das tut er. Der Zwischenraum rührt daher, dass die Glyphen nicht die gesamte Zeilenhöhe ausfüllen (Ober-, Unterlängen). Das siehst du bei <h2>HÄLLO<br/><span class="rudolph">HyLFE</span></h2>.

    Den wegzubekommen, dürfte problematisch sein.

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln