Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Set Fixed Space Between Flex Items</title> <style> .flex-container { height: 300px; display: flex; border: 1px solid black; padding: 10px; } .item { flex: auto; background: #b4bac0; margin: 10px; } </style> </head> <body> <div class="flex-container"> <div class="item">Item 1</div> <div class="item">Item 2</div> <div class="item">Item 3</div> <div class="item">Item 4</div> </div> </body> </html>
