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
    <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
            iframe {
            margin: 0 auto;
        }

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

    Code
    body {
    display: flex;
    align-items: center;
    justify-content: center;
}

    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>

    Zitat von Webseitenfreak12

    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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden