inline-list-with-table-child.html (1570B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>CSS Test: table boxes inside inline list-items</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 10 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#ref-for-inline-tableā”"> 11 <link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display"> 12 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1105868"> 13 <link rel="match" href="inline-list-with-table-child-ref.html"> 14 <style> 15 html,body { 16 color:black; background-color:white; font:16px/1 monospace; 17 } 18 19 .l1 { display: inline list-item; } 20 .l2 { display: inline flow-root list-item; } 21 22 span { 23 border: 1px solid; 24 } 25 26 div { background: blue; } 27 </style> 28 </head> 29 <body> 30 31 A<span class="l1">B<div style="display:table-cell">T</div>C</span> 32 A<span class="l1">B<div style="display:table-row">T</div>C</span> 33 A<span class="l1">B<div style="display:table-row-group">T</div>C</span> 34 A<span class="l1">B<div style="display:inline-table">T</div>C</span> 35 A<span class="l1">B<div style="display:table">T</div>C</span> 36 37 A<span class="l2">B<div style="display:table-cell">T</div>C</span> 38 A<span class="l2">B<div style="display:table-row">T</div>C</span> 39 A<span class="l2">B<div style="display:table-row-group">T</div>C</span> 40 A<span class="l2">B<div style="display:inline-table">T</div>C</span> 41 A<span class="l2">B<div style="display:table">T</div>C</span> 42 43 </body> 44 </html>