Elemente zentrieren, Div’s zentrieren, Bilder zentrieren

HTML Code:
Wie im Video-Beispiel mit vier div-Elementen nebeneinander,
es könnten natürlich mehr oder weniger sein, denn sie verlaufen inline.

<h1>4 Elemente zentrieren:</h1>
<div class="aussenrum">
   <div class="das-Element">Inhalt</div>
   <div class="das-Element">Inhalt</div>
   <div class="das-Element">Inhalt</div>
   <div class="das-Element">Inhalt</div>
</div>

CSS Code:
Setze eigene Werte bei Höhe, Breite, margin und padding ein um es auf dein Website abzustimen.
inline-styling sollte man vermeiden, dazu gibt es ein CSS-stylesheet.

<style>
.das-Element {
    display: inline-block;
    height: 100px;
    width: 200px;
    margin: 6px;
    padding: 6px;
    background: #2efef7;
    text-align: left; /* OPTIONAL, um Text wieder von links zu richten */
}
.aussenrum {
    text-align: center;
    margin: 6px;
    padding: 0;
    background: #fea756;
}
</style>

Ähnliches Thema: Button Styling mit CSS-3 ohne jegliches Bildmaterial dafür einzusetzen.