display-in-container-ref.html (976B)
1 <!doctype html> 2 <title>CSS Test Reference</title> 3 <style> 4 .container, .not_a_container { 5 width: auto; 6 height: 100px; 7 border: 1px solid black; 8 margin-bottom: 10px; 9 } 10 span { 11 border: 1px solid green; 12 margin: 2px; 13 } 14 </style> 15 <div style="width:150px"> 16 <div class=container> 17 <main> 18 <div style="display:flex"> 19 <span style="flex:1">Test1</span> 20 <span style="flex:1">Test2</span> 21 <span style="flex:1">Test3</span> 22 </div> 23 </main> 24 </div> 25 </div> 26 <div style="width:200px"> 27 <div class=container> 28 <main> 29 <div> 30 <span style="display:block">Test1</span> 31 <span style="display:block">Test2</span> 32 <span style="display:block">Test3</span> 33 </div> 34 </main> 35 </div> 36 </div> 37 <div style="width:150px"> 38 <div class=not_a_container> 39 <main> 40 <div> 41 <span>Test1</span> 42 <span>Test2</span> 43 <span>Test3</span> 44 </div> 45 </main> 46 </div> 47 </div>