flexbox-float-1-ref.xhtml (849B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 <head> 8 <style> 9 div.flexbox { 10 display: flex; 11 width: 400px; 12 margin-bottom: 2px; 13 font-family: sans-serif; 14 background: lightgreen; 15 justify-content: space-around; 16 } 17 </style> 18 </head> 19 <body> 20 <div class="flexbox"> 21 aaa<div>[[[</div>bbb 22 </div> 23 <div class="flexbox"> 24 aaa<div>]]]</div>bbb 25 </div> 26 <div class="flexbox"> 27 aaa<div>[[[</div> 28 </div> 29 <div class="flexbox"> 30 aaa<div>]]]</div> 31 </div> 32 <div class="flexbox"> 33 <div>[[[</div>bbb 34 </div> 35 <div class="flexbox"> 36 <div>]]]</div>bbb 37 </div> 38 </body> 39 </html>