Herbert: Textkasten mit Titelschrift auf Linie

Ich möchte in einer HTML einen Textkasten mit überschrift haben, wie auf dem Bild gezeigt
Der "Normale Text" ist von einem Div-Tag umgeben, der nicht absolut sein darf, sondern relativ sich nach oben und unten verschieben kann. Also nix mit position:absolute;.
Der Titel soll nach möglichkeit ein Span sein, aber einfach mit padding-top:-12pt; geht nix in relativem Zustand. Was kann ich tun?

  1. Hi

    Was kann ich tun?

    Vielleicht so?

    <body style="margin:0; padding:10px;">

    <p style="margin:0; padding:1ex; display:inline; position:relative; top: 0.5em; left:12px;

    background-color:white; color:blue;">Titel</p>

    <div style="border:1px solid gray; padding:12px;">Normaler Text</div>
    </body>

    Gruss
    chlori

    1. Danke - dieser Vorschlag war am besten (am Netscape-Kompartibelsten). Die anderen waren auch nicht schlecht. Besonders die Fieldlist. Danke an alle.

  2. Versuchs so (Eszenz des Artikels von Ole) :

    <fieldset>
     <legend>
      <span><b>Titel</b></span>
     </legend>
     <div>Normaler Text</div>
    </fieldset>