<!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;
    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"></table>
    <div class="sandwich"></div>
<div>
</body>
</html>
