blob: d0c54cef76a1c241764d6fafef900518aba996a5 [file] [log] [blame]
<!DOCTYPE html>
.table {
display: table;
height: 100px;
width: 100px;
border: 10px green solid;
padding: 40px;
.caption {
display: table-caption;
-webkit-writing-mode: vertical-lr;
height: 100%;
width: 100%;
background-color: navy;
<script src="../../resources/check-layout.js"></script>
<body onload="checkLayout('.caption')">
<p><a href="">Bug 103075</a>: LayoutBox::computePercentageLogicalHeight should use containingBlockLogicalWidthForContent</p>
<p>This test checks that a table caption with an orthogonal writing mode properly uses the table's logical width (including padding and borders).</p>
<div class="table">
<div class="caption" data-expected-width="200" data-expected-height="100"></div>