Flexbox nutzen um Inhalte zu zentrieren
![Flexbox nutzen um Inhalte zu zentrieren](https://i0.wp.com/entwickler-gilde.de/wp-content/uploads/2017/05/article-css-center-image.jpg?fit=1000%2C215&ssl=1)
Flexbox
Mit nur sehr wenig CSS lässt sich eine wiederverwertbare Regel definieren:
.center-wrapper { display: flex; align-items: center; justify-content: center; } .center-wrapper > div:first-child { width: 80%; }
Jetzt muss das HTML der Seite nur minimal erweitert werden:
<div class="center-wrapper"> <div> Inhalt </div> </div>
Mehr ist nicht nötig.