<section class="fieldset">
<h1>This is not a fieldset</h1>
<p>Booyah!</p>
</section>
.fieldset {
position: relative;
border: 1px solid #ddd;
padding: 10px;
}
.fieldset h1 {
position: absolute;
top: 0;
font-size: 18px;
line-height: 1;
margin: -9px 0 0; /* half of font-size */
background: #fff;
padding: 0 3px;
}
Schön :)
Das einzige Problem mit diesem Ansatz ist natürlich, dass der Rand hinter einem speziell gefärbten (hier weißen) Hintergrund der 'Legende' verborgen wird.
Bei einem echten Fieldset gibt es einen echten Bruch im Rand, wo die Legende sitzt, sodass der ursprüngliche Hintergrund eines übergeordneten Elements durchscheinen kann.