Block rechtsbündig
franky45
- css
0 suit1 Matthias Apsel
Hallo,
gibt es eine möglichkeit folgendes darzustellen:
Überschrift: Ich bin eine
mehrzeilige
Überschrift
Anmerkung: Ich kann nur den "Ich bin ..." Text bearbeiten, da der Rest aus einem Template kommt. Ich dachte an ein div element.
HTML Quellcode:
<p style="margin:0px 0px 5px 5px;">
<B>Überschrift: </B>
Ich bin eine<br>mehrzeilige<br>Überschrift
</p>
gruß
Frank
Überschrift: Ich bin eine
mehrzeilige
Überschrift
<B>Überschrift: </B>
<h1>Nein, ich bin dein Vat^W^W eine Überschrift</h1>
<h1>
<dfn>Überschrift</dfn>
<span>ich bin der Rest, der entsprechend umbricht</span>
</h1>
Die 2 Kinder der Überschrift können nebeneinander floaten oder als Inline-Block-Elemente nebeneinander stehen - oder als Tabellenzellen.
@@suit:
nuqneH
<h1>
<dfn>Überschrift</dfn>
<span>ich bin der Rest, der entsprechend umbricht</span>
</h1>
dfn ist kaum das richtige Element, es sei denn du willst den Begriff „Überschrift“ erklären.
Qapla'
<h1>
<dfn>Überschrift</dfn>
<span>ich bin der Rest, der entsprechend umbricht</span>
</h1>dfn ist kaum das richtige Element, es sei denn du willst den Begriff „Überschrift“ erklären.
Ich dachte "Überschrift" wäre Bezeichnend und die Definition dessen :)
Om nah hoo pez nyeetz, franky45!
So wie du das geschrieben hast, ist es ja nicht rechtsbündig. Man sollte auf br-Elemente verzichten. Dies kann man durch eine maximale Breite erreichen. Eine Lösung wäre folgende:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1 {position: relative;}
h1 span {position: absolute; top: 0; left: 0; margin-left: 5.5em; max-width: 5em;}
</style>
<title>Test</title>
</head>
<body>
<h1>Überschrift: <span>Ich bin eine mehrzeilige Überschrift</span></h1>
</body>
</html>
Die hat aber den Nachteil, dass die Überschrift, dann u. U. in den folgenden Text ragt.
Matthias