✔ wie macht man das? (Bild)

[LN5]

Hallo ihr..

wie bringe ich folgenden Effekt (Bild) mit CSS hin? Die Frage ist nie ob, sondern wie.. ich hab das auch scho gemacht, aber habe leider vergessen wie der Befehl lautete..

 

[Maik]

Entweder mit dem HTML-Element fieldset, oder mit einem CSS-Workaround:

div.box {
            position: relative;
            margin: 1em;
            width: 400px;
            padding: 0.5em 0 0 0;
            border: 1px solid #000000;
            color: #000000;
            background: #ffffff;
            font-family: arial, sans-serif;
        }
div.box h1 {
            position: absolute;
            top: -0.5em;
            left: 1em;
            margin: 0;
            padding: 0;
            font-size: 1em;
            font-weight: normal;
        }
div.box h1 span {
            margin: 0;
            padding: 0 0.5em;
            color: #000000;
            background: #ffffff;
            font-size: 1em;
        }
div.box p {
            margin: 0;
            padding: 0.5em;
            color: #000000;
            background: #ffffff;
        }

<div class="box">
       <h1><span>Titel</span></h1>
       <p>Text Text Text Text Text</p>
</div>

 

[PuReSteeL]

Je nach Einsatzgebiet würde ich das Fieldset vorziehen.

Grüße
Heiko