horizontal zentrieren

ich habe per float: left beliebige viele(je nach Bildschirmbreite) und beliebig hohe divs nebeneinander und die muß ich nun horizontal zentrieren.

Der hier verwendete Code

<html data-lt-installed="true" class=" iydfzcfck idc0_332"><head> <style> *{ margin:0; padding:0; } body { display: flex; width: 100%; height: 100vh; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-around; align-items: center; } .container { background-color: red; padding-top: 30px; width:100px; text-align: center; padding-bottom: 30px; } .content { border-radius: 10px; } </style> </head> <body> <div class="container"> <div class="items"> <div class="content"> 111<br> 111<br> 111<br> </div> </div> </div> <div class="container"> <div class="items"> <div class="content"> 222<br> 222<br> 222<br> 222<br> 222<br> </div> </div> </div> <div class="container"> <div class="items"> <div class="content"> 333<br> </div> </div> </div> <div class="container"> <div class="items"> <div class="content"> 444<br> 444<br> 444<br> 444<br> 444<br> 444<br> 444<br> 444<br> </div> </div> </div> <div class="container"> <div class="items"> <div class="content"> 555<br> </div> </div> </div> </div></body></html>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!