<!DOCTYPE html> <html> <head> <title>CSS3 Alignment Flexboxes </title> </head> <body> <style type="text/css"> .flex-container-4 { width: 300px; min-height: 150px; margin: 0 auto; font-size: 22px; border: 1px solid #666; display: -webkit-flex; display: flex; } .flex_center_item { width: 200px; padding:20px; margin:auto; text-align:center; background:#9F0; } </style> <div class="flex-container-4"> <div class="flex_center_item">The Perfect Flex Box Center Alignment</div> </div> </body> </html>
Output :
Topic :
Alignment Flexboxes
