✔ <H1>-Tag mit CSS veränder

[chpa]

Hi Leute,

wie kann ich ein <H1>-Tag mit CSS anders formatieren?

Ich kann zwar die schriftgröße, etc. veränder. Was mich allerdings stört, das nach jedem <H> eine Leerzeile eingefügt wird. (Wie <p>) wie kann ich diese leerzeile unterdrücken?

Mfg

Patte

 

[Maik]

Setze den Aussenabstand margin für die Elemente auf 0:

h1
{
border: 1px solid #000;
margin: 0;
}

p
{
margin: 0;
}

<h1>Überschrift 1. Ordnung</h1>
<p>Textabsatz</p>

 

[hela]

... Was mich allerdings stört, das nach jedem <H> eine Leerzeile eingefügt wird. ...

Es wird keine Leerzeile eingefügt! Die Browser versehen das H1-Element lediglich initial mit spezifischen CSS-Polsterungseigenschaften margin und/oder padding.

 

[chpa]

O.k. werd ich ausprobieren. Danke

 

[Gumbo]

Besser wäre noch:

h1 {
	margin-bottom:			0;
h1 + p {
	margin-top:			0;
}

Allerdings können nur moderne Browser – was den Internet Explorer in seiner derzeitigen Version damit ausschließt – den Selektor für benachbarte Elemente interpretieren.