Liste oder Text untereinander

[Spidermini]

Hallo,

ich mache schon seit Stunden an einer Sache herum. Ich kriege es nicht hin, das ein Textblock so ausgerichtet ist, dass alles perfekt untereinander ist. Beispiel:

Team A 0 : 2 Team B
Team AA 1 : 2 Team BB

So sieht das bei mir aus. So soll es aber werden:

--Team A 0 : 2 Team B
Team BB 0 : 2 Team BB

Sprich, es das Ergebnis soll immer untereinander stehen und nicht verschoben. Statt "--" natürlich Leerzeichen/ ein Leerraum.
Auf dem Bild nochmal genauer wie es bei mir gerade aussieht, aber so nicht sein soll^^:

bsp.jpg

Liebe Grüße
Spidermini

[Arne Drews]

Hallo,

Wie hast Du das denn versucht?
DIV oder SPAN mit CSS text-align sollte helfen.

[hausl]

Ev. eine Tabelle mit 2 Spalten machen?

[Spidermini]

Arne Drews

Ich habe text-align: right auf die erste Mannschaft und text-align: center auf das Ergebnis gelegt, hat aber nicht geklappt.

hausl

Müsste ich nicht 3 machen? Team1 - Ergebnis - Team2

[Arne Drews]

Kleiner Vorschlag: Was hältst Du davon, wenn Du mal postest, was genau Du da gemacht hast?

[hausl]

Müsste ich nicht 3 machen? Team1 - Ergebnis - Team2

Ja dann halt drei.. wie du meinst

Schematisch, beispielhaft hingeschmiert was ich meine: https://jsfiddle.net/8c7uzstj/

Sonst zeig mal den Code von dir!

[Spidermini]

Perfekt hausl. Ich danke dir!

Noch eine kleine Frage. Womit ich auch Probleme habe:

Ohne die Position "absolute" zu stellen, wie kann ich etwas bestimmtes (div / span markiertes) positionieren?
Mit position: absolute klappt das ja schön mit top: 0px; oder right: 0px;. Gibts dazu alternativen?