<!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true LayoutFormattingContextIntegrationEnabled=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> |