nested-orthogonal-flexbox-relayout-ref.html (394B)
1 <!DOCTYPE html> 2 <style> 3 #column { 4 display: flex; 5 flex-direction: column; 6 border: 5px solid yellow; 7 width: 200px; 8 } 9 10 #row { 11 display: flex; 12 flex-direction: row; 13 border: 5px solid blue; 14 } 15 16 .item { 17 border: 5px solid green; 18 } 19 </style> 20 <body> 21 <div id="column"> 22 <div id="row"> 23 <div class="item">This text should not overflow its box</div> 24 </div> 25 </div>