5 Zeilen linksbündig - zentriert

[migros]

Hallo,

folgendes Problem:

Ich möchte auf meiner Homepage innerhalb von einem komplett zentrierten Text 5 Zeilen linksbündig haben.

Also praktisch folgendermassen:

-----------------das ist der Text---------------

Zeile 1 abc

Zeile 2 abcdef

Zeile 3 abcdefgh

Zeile 4 abcdegfhi

Zeile 5 abcdefghijklm

-------------Das ist der Text-----------

Ich möchte das das im Ergebniss so aussieht aber zentriert!

-------------Das ist der Text-----------

Zeile 1 abc

Zeile 2 abcdef

Zeile 3 abcdefgh

Zeile 4 abcdegfhi

Zeile 5 abcdefghijklm
​

-------------Das ist der Text-----------



Also so:

-------------Das ist der Text-----------

Zeile 1 abc

Zeile 2 abc

Zeile 3 abc

Zeile 4 abc

Zeile 5 abc

-------------Das ist der Text-----------

Ist warscheinlich total simple zu bewerkstelligen aber ich habe von sowas null Ahnung

Wäre sehr nett wenn mir da jemand weiterhelfen könnte!

Gruss Sascha
​

​

 

[_Thor_]

Wenn es sich um Text handelt, kannst du den Text innerhalb der Tags ausrichten.

<p class="center">test</p>
<p class="left">test</p>
<p class="center">test</p>

p.center {text-align: center;}
p.left {text-align: left;}

Neutralere Namen für die Klassen wären natürlich Sinnvoller.

 

[migros]

Hallo,

ich verstehe leider nur Bahnhof

Kann das vielleicht an dem konkreten Beispiel erklärt werden?

Wie füge ich was wo ein?

Gruss Sascha

 

[_Thor_]

Das ist ein konkretes Beispiel.

Die 3 Textabsätze kommen in deinen body deiner .html Datei und die Styleangaben kommen in eine externe CSS-Datei.

 

[migros]

Hallo,

das mit dem zentrieren der Zeilen ist ja nicht das Problem! Der Beginn der jeweiligen Zeile soll nur bündig sein. Wenn ich das so zentriere ist der Beginn der jeweiligen Zeile ja nicht bündig weil die Zeilen unterschiedlich lang sind.

Zeile 1 abc

Zeile 2 abc

Zeile 3 abc

Zeile 4 abc

Zeile 5 abc
​

Und dieser Block soll als gesamtes zentriert sein

 

[_Thor_]

Blockelemente zentriert man, indem man ihnen eine Breite gibt und die Werte für margin auf 0 und auto stellt.

<p>Absatz mit Text der zentriert sein soll</p>

p {
  width: 50%;
  margin: 0 auto;
}

Jetzt nimmt der Absatz 50% der verfügbaren Breite ein und ist zentriert, der Text innerhalb des Absatzes bleibt linksbündig.