Links- und rechtsausgerichteter Text in einer Zeil

Computer: Software & Programmierung HTML & CSS
#1

Ich möchte in meiner Site eine einzige Textzeile, in der Text1 links und Text2 rechts ausgerichtet wird.
Erst dachte ich an

 Text1Text2

aber das geht nicht, weil span kein Blockelement ist. Ich erhalte dann Text1Text2

Dann habe ich es mit

 Text1Text2

probiert. Das funzt, aber wenn die beiden Texte nicht zusammen auf eine Zeile passen, überlagern sie sich.

Ich habe auch schon an

 Text1 Text2

gedacht, denn wäre ja trotzdem ein Blockelement, verhielte sich aber auf diese Weise wie ein Inlineelement(es muss ja alles auf eine Zeile). Aber die Theorie ist auch falsch. Es kommt wieder Text1Text2 heraus.

Hat jemand einen Vorschlag, wie ich es so lösen kann, dass es nur dann einen Zeilenumbruch gibt, wenn die Texte zusammen nicht auf eine Zeile passen?

#2

Ich möchte in meiner Site eine einzige Textzeile, in der Text1
links und Text2 rechts ausgerichtet wird.

Probier mal:

 Text2 Text1
#3

Das funktioniert schon mal.
Aber wenn es einen Umbruch gibt oder CSS aus ist, erhält man

Text2
Text1

anstatt von

Text1
Text2

#4

Guter Einwand. Endlich mal jemand, der an sowas denkt.

Mit ein wenig Nachdenken (nicht viel, nur ein bisschen :stuck_out_tongue: ) kommt man recht schnell auf:

 Text1 
Text2

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

1 Like
#5

Sehr gut. Ich bin halt nicht auf float:left gekommen. Hab es nur mit text-align:left probiert.
Man muss die Tags aber nicht schachteln. So ises schöner:

 Text1 
 Text2