franky45: Block rechtsbündig

SELF-Forum

Block rechtsbündig

franky45
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Block rechtsbündig

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Ü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.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Block rechtsbündig

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@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'

      --
      „Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Block rechtsbündig

        suit Homepage des Autors
        – Informationen zu den Bewertungsregeln

        <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 :)

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Block rechtsbündig

    Matthias Apsel Homepage des Autors
    +1 Informationen zu den Bewertungsregeln

    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

    --
    1/z ist kein Blatt Papier.

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln