blob: 124ecf843c848a71918559c0b853032184a5e5b1 [file] [log] [blame]
<!DOCTYPE html>
<style>
#column {
display: flex;
flex-direction: column;
border: 5px solid yellow;
width: 200px;
}
#row {
display: flex;
flex-direction: row;
border: 5px solid blue;
}
.item {
border: 5px solid green;
}
</style>
<body>
<div id="column">
<div id="row">
<div class="item">This text should not overflow its box</div>
</div>
</div>