Pfeil unter h2, Border mit CSS erstellen

[Matthias Scharwies]

Ich möchte meine Überschricht mit einem Pfeil nach unten versehen.

h2{
font-weight:bold;
font-size: 22px;
border-bottom: 1px solid #C0C0C0;
padding:0 0 10px 10px;
margin: 20px 20px 30px 0px;
}

h2:before{
position: relative;
top:52px;

1. Ich möchte den Pfeil unten ausrichten.Im Augenblick mache ich das über top:52px;, abe rich muss gestehen ich habe die 52 erraten, und so sieht es auch in den untershciedlichen Brwosern aus.

mach h2:before
position:absloute;
bottom:0;

2. ich möchte das die Überschrift einen Abstand zur Linken Seite hat, ich bekomme aber die Schrift und die Linie nicht bündig zusammen.

Du hast KEINEN abstand zur linken Seite:
margin: 20px 20px 30px 0px;

besser wäre: margin: 0 0 30 30px;
(oben, rechts, unten, links)

LG Matthias

MonA