Mittiges Platzieren von Dingen, ausser Text

  • Hi, kann mir jemand erklären wie genau man was mittig platziert ? Ich habe immer wieder das Problem dass Div Container oder anderes sich nicht so leicht mittig platzieren lassen...

    Jetzt zB habe ich das Ding mit einer Spotify-Playlist...


    Code
    1. <iframe src="https://open.spotify.com/embed/album/2ZOLWMZW0oPGCtamYRpMyb" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

    Wie bekomme ich es hin dass diese Playlist mittig auf der Seite erscheint ?


    Beste Grüße

  • Wenn nur horizontal, dann z. B. mit margin: auto:

    Code
    1. iframe {
    2. margin: 0 auto;
    3. }

    Wenn es auch vertikal zentriert werden soll, am besten mit Flexlayout:

    Code
    1. body {
    2. display: flex;
    3. align-items: center;
    4. justify-content: center;
    5. }
  • Hallo,


    die Frage wurde glaub bereits beantwortet.

    Wollte nur eben noch meine Antwort hier teilen:


    Ich kenne halt eben diese Varianten:


    <center> Ihr Text </center>


    <p style=“text-align: center“> Ihr Text </p>


    <p align=“center“> Ihr Text </p>

  • Ich kenne halt eben diese Varianten:

    … die alle drei Unsinn sind. Nummer 1 und 3 sind völlig veraltet und gehören fachgerecht entsorgt. Nummer zwei funktioniert nur für Text (bzw. inline-Elemente) und CSS hat im HTML auch nichts zu suchen.


    Außerdem: hör bitte auf am laufenden Band Threads mit zum teil völlig sinnfreien Postings aus der Versenkung zu holen. Wenn es in einem Thread 1-2 Monate keine Antwort mehr gab kannst du idR davon ausgehen dass da auch nichts mehr kommt.