Textkasten mit Titelschrift auf Linie
Herbert
- css
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?
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
Danke - dieser Vorschlag war am besten (am Netscape-Kompartibelsten). Die anderen waren auch nicht schlecht. Besonders die Fieldlist. Danke an alle.
Versuchs so (Eszenz des Artikels von Ole) :
<fieldset>
<legend>
<span><b>Titel</b></span>
</legend>
<div>Normaler Text</div>
</fieldset>