Mittiges Platzieren von Dingen, ausser Text

Dropthemike

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

Sempervivum

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;
}

Webseitenfreak12

Hallo,

die Frage wurde glaub bereits beantwortet.

Wollte nur eben noch meine Antwort hier teilen:

Ich kenne halt eben diese Varianten:

tk1234

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!