Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head> <style> body { font-family: Arial; padding: 24px; } .flex { display: flex; gap: 12px; } .item { padding: 24px; background: #6366f1; color: white; border-radius: 8px; flex: 1; text-align: center; } </style> </head> <body> <h3>Flex Container</h3> <div class="flex"> <div class="item">Item 1</div> <div class="item">Item 2</div> <div class="item">Item 3</div> </div> </body> </html>
Result
Open