HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> .parent{ display: inline-grid; grid: 50px / auto auto auto; grid-gap: 5px; background-color: DarkBlue; padding: 3px; width:300px; } .parent > div{ background-color: rgba(255, 255, 255, 0.8); text-align: center; padding: 15px 0; } </style> </head> <body> <h1>CSS display: inline-grid;</h1> <div class="parent"> <div>Div 1</div> <div>Div 2</div> <div>Div 3</div> </div> <div class="parent"> <div>Div 1</div> <div>Div 2</div> <div>Div 3</div> </div> </body> </html>
OUTPUT
×

Save as Private