| <!DOCTYPE html> |
| <html> |
| <body> |
| <style> |
| span { |
| background-color: green; |
| color: green; |
| } |
| |
| .sandwich { |
| background-color: green; |
| color: green; |
| height: 20px; |
| width: 20px; |
| } |
| |
| .inline-table { |
| display: inline-table; |
| table-layout: fixed; |
| border-spacing: 20px; |
| background-color: red; |
| } |
| |
| table { |
| background-color: red; |
| } |
| </style> |
| <div>Bug <a href="https://webkit.org/b/95521">95521</a>: Tables without any descendant and auto logical width should have a 0px logical width</div> |
| <div>Description: This test checks that an auto table without any cells doesn't take any space.</div> |
| <div>There should be 2 green horizontal rectangles with no empty or red space below.</div> |
| <div> |
| <span>xxxxx</span><div class="inline-table"></div><span>xxxxx</span> |
| </div> |
| <br> |
| <div style="-webkit-writing-mode: vertical-lr"> |
| <div class="sandwich"></div> |
| <table cellspacing="20px" style="table-layout: fixed"></table> |
| <div class="sandwich"></div> |
| <div> |
| </body> |
| </html> |
