Zeilenabstand

[Atlantis]

Hallo,

ich möchte mit CSS im p-element einen Zeilenabstand von 1.2em definieren. Leider habe ich nichts gefunden, wie man den Zeilenabstand definiert. Könnte mir da jemand helfen?

Danke schon mal im Vorraus

MfG
A

 

[thuemmy]

p
{
line-height: 1.2em;
}

Gruß thuemmy

 

[neuroleptika]

Den Zeilenabstand kannst du für mehrzeiligem Fließtext nicht bestimmen.
Vielleicht meinst du die Zeilenhöhe: p {line-height: 1.2em;},
1.2em ist aber recht wenig und entspricht in etwa den Voreinstellungen im Browser.

Edit: Zu spät..

 

[thuemmy]

Den Zeilenabstand kannst du für mehrzeiligem Fließtext nicht bestimmen.

Das verstehe ich nicht. Den bestimme ich doch quasi indirekt durch die Differenz von line-heigt und font-size. Oder liege ich da falsch?

Gruß thuemmy

 

[neuroleptika]

hm,
dann müßte mann line-height: 2.4em; angeben um einen Zeilenabstand von 1.2em zu bekommen.

<div>
<b></b>
<p>lorem<br />ipsum</p>
</div>

css

* {
margin: 0;
padding: 0;
}

  body {
font-size : 100%;
}

p {
padding: 1.2em 0;
vertical-align: middle;
[COLOR="DarkRed"][B]line-height: 2.4em;[/B][/COLOR]
background-color: green;
float: left;
width: 100%;
}


div {
position: relative;
width: 8em;
}

b {
position: absolute;
[COLOR="#8b0000"][B]height: 1.2em;[/B][/COLOR]
width: 100%;
background-color: yellow;
opacity: 0.5;
top: 3em;
left:0;
}

Der gelbe Container (b) passt genau zwischen die Zeilen von p.