flexbox-inlinecontent-horiz-1-ref.xhtml (991B)
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 <!-- 7 Reference case, using a table with fixed-size cells instead of a 8 flex container. 9 --> 10 <html xmlns="http://www.w3.org/1999/xhtml"> 11 <head> 12 <link rel="stylesheet" type="text/css" href="ahem.css" /> 13 <style> 14 table { 15 font: 10px Ahem; 16 height: 100px; 17 width: 200px; 18 } 19 td { vertical-align: top; } 20 td.a { 21 width: 30px; 22 background: lightgreen; 23 } 24 td.b { 25 width: 50px; 26 background: yellow; 27 } 28 td.inflex { 29 width: 20px; 30 background: gray; 31 } 32 </style> 33 </head> 34 <body> 35 <table cellspacing="0" cellpadding="0"> 36 <tr> 37 <td class="a"/> 38 <td>text</td> 39 <td class="b"/> 40 <td><i>italic</i></td> 41 <td class="inflex"></td> 42 </tr> 43 </table> 44 </body> 45 </html>