| <!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true InlineFormattingContextIntegrationEnabled=false ] --> | |
| <style> | |
| body { | |
| font-size: 20px; | |
| font-family: ahem; | |
| } | |
| .flex { | |
| display: flex; | |
| border: 10px solid blue; | |
| width: 600px; | |
| } | |
| </style> | |
| <div class=flex> | |
| <div style="background-color: red">flex items</div> | |
| <div style="background-color: white;">flex items</div> | |
| <div style="background-color: green">everywhere</div> | |
| </div> |