2015-02-16 14:59:31 +03:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<meta charset=utf-8>
|
|
|
|
|
<title>Test for logical margins on caption elements in the UA style sheet</title>
|
|
|
|
|
<style>
|
|
|
|
|
.v-rl { writing-mode: vertical-rl; }
|
|
|
|
|
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
|
|
|
|
table { border: 1px solid purple; }
|
|
|
|
|
caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
|
|
|
|
|
caption { margin: 0; }
|
|
|
|
|
.ltr caption { margin: 0 0 0 auto; }
|
|
|
|
|
.rtl caption { margin: 0 0 0 auto; }
|
2015-07-10 12:57:00 +03:00
|
|
|
.v-rl caption { margin: auto 0 0 0; }
|
2015-02-16 14:59:31 +03:00
|
|
|
</style>
|
|
|
|
|
<div class=ltr>
|
|
|
|
|
<table align=center>
|
|
|
|
|
<td>Table that is bigger than its caption</td>
|
|
|
|
|
<caption align=left>Caption</caption>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class=rtl dir=rtl>
|
|
|
|
|
<table align=center>
|
|
|
|
|
<td>Table that is bigger than its caption</td>
|
|
|
|
|
<caption align=left>Caption</caption>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class=v-rl>
|
|
|
|
|
<table align=center>
|
|
|
|
|
<td>Table that is bigger than its caption</td>
|
|
|
|
|
<caption align=left>Caption</caption>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
