Ich versuche, einen vorformatierten Textblock rechts auf einer Seite zu platzieren und dabei den Text links vom Block auszurichten, sodass ich einen rechtsbündigen Absatz mit linksbündigem Text erhalte. Das funktioniert ganz gut:
Code: Select all
pre {
display: flex;
justify-content: flex-end;
text-align: left;
}
A preformatted para with
various stuff
inside it.
Das Problem besteht darin, dass, wenn ich diesem einen Textbereich hinzufüge (zum Beispiel das Einfügen von foo nach der ersten Zeile des para), die Zeilenumbrüche vor und nach dem Textbereich werden ignoriert.
Es funktioniert, wenn ich den
in einen einschließe und Wenden Sie dann den Stil auf die an :
Code: Select all
div {
display: flex;
justify-content: flex-end;
text-align: left;
}
A preformatted para with a
textarea
and other stuff
inside it.
aber leider liegt der HTML-Code nicht unter meiner Kontrolle, daher kann ich das nicht tun. Ich könnte dies mit einer Tabelle tun, wenn ich den HTML-Code kontrollieren könnte; und ich finde keine Möglichkeit, dies mit float:right zu tun, da der umgebende Text neben dem schwebenden Absatz erscheint.
Gibt es eine Möglichkeit, dies so zu gestalten, wie ich es tue? Hatte erwartet, nur das CSS zu ändern?
Mobile version