flexbox-inlinecontent-horiz-1-ref.xhtml 991 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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>