[DonnyBystrom]

Kunden vill ha en linje efter H2-taggen som automatiskt fyller utrymmet kvar i containern. Hur fasiken löser man det på ett kompatibelt, smidigt sätt?

[DonnyBystrom]

Hittade inget annat än en fullösning som inte är särskilt WYSIWYG-vänlig...

<div><h2>Rubrik</h2><hr/></div>

[Monkboll]

ge h2 taggen fast bredd? block och en border-bottom?

[oskarh]

sätt en bakgrund på h2-taggen, samma som övriga sidans så att h2-taggens bakgrund är "osynlig" och sedan får du positionera den över ett streck, kanske i form av en bild?

[KarlRoos]

<h2><span>En rubrik</span></h2>

h2
{border-bottom: 1px solid #000;}
	
h2 span
{background: #fff; margin-bottom: -1px; padding-right: 5px;}

[DonnyBystrom]

Tack så mycket för alla svar! Men det verkar inte som att span-bakgrunden lyckas dölja bordern, iaf inte i Chrome & Safari.

Ursprungligen postat av KarlRoos

<h2><span>En rubrik</span></h2>

h2
{border-bottom: 1px solid #000;}
	
h2 span
{background: #fff; margin-bottom: -1px; padding-right: 5px;}

[DonnyBystrom]

Fick det att funka genom att lägga till display:inner-block; i h2 span. Borde till och med stödjas i IE7. Tack igen