| <!DOCTYPE html> |
| <style> |
| #container { |
| width: 200px; height: 50px; |
| background-color: orange; |
| } |
| |
| #float { |
| float: left; |
| width: 50px; height: 50px; background: blue; |
| } |
| |
| #vertical { |
| width: 50px; height: 50px; |
| overflow: hidden; |
| margin: 0 auto; |
| background: blue; |
| } |
| </style> |
| <p>This tests that auto margins in an empty table orthogonal to its containing block are calculated correctly.</p> |
| <p>The auto margins should horizontally center the blue square in the orange rectangle.</p> |
| <div id="container"> |
| <table id="vertical"></table> |
| </div> |