Frage bezüglich Text Anordnung

[xen6077]

Hey Leute.

Ich habe eine Frage bezüglich der Anordnung eines Textes. Falls möglich sogar als inline Element. Ich möchte einen Text der linksbündig ist, auf meiner Homepage Zentriert haben (beibehalten bei responsivität). Mit dieser align:center Geschichte ist der Text zwar immer schön mittig, allerdings möchte ich diesen noch am linken Rand anfangend haben.

Quasi nicht so

                                               Line1
                                         Line2 Line2 Line2
                                               Line3

Sondern so

                                         Line1
                                         Line2 Line2 Line2
                                         Line3

Mit margin hab ich das ganze auchschon probiert, sieht dann ganz ok aus. Allerdings sobald man die Page kleiner zieht ist natürlich alles aus dem Ruder.

 

[CPCoder]

...Mit dieser align:center Geschichte ist der Text zwar immer schön mittig, allerdings möchte ich diesen noch am linken Rand anfangend haben....

Also irgendwie komm ich da jetzt nicht ganz mit. Entweder willst du den Text mittig haben, oder eben Linksbündig. Beides gleichzeitig geht nicht!

 

[MrMurphy]

Hallo,

du musst den Text in einen zusätzlichen Container packen, zum Beispiel:

<main role="main">
   <article>
      <p>Linie 1</p>
      <p>Linie 2 Linie 2 Linie 2</p>
      <p>Linie 3</p>
   </article>
</main>

Als CSS dann entweder Flexbox

main {
   display: flex;
   justify-content: center;
}

oder für Nostalgiker etwas aufwändiger

main {
   text-align: center;
}
article {
   display: inline-block;
   text-align: left;
}

Gruss

MrMurphy