servo/tests/wpt/css-tests/css-ruby-1_dev/xhtml1/reference/ruby-inlinize-blocks-003-ref.xht
Ms2ger 296fa2512b Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
2017-02-06 22:38:29 +01:00

25 lines
No EOL
1.1 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="UTF-8" />
<title>CSS Reference: Inlinize block-level boxes inside ruby</title>
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan" />
<link href="support/rbc.css" rel="stylesheet" />
<style>
div { border-collapse: collapse; }
.table { display: inline-table; }
.cell {
display: table-cell;
background-color: yellow;
border: 3px solid blue;
}
</style>
</head>
<body>
<div><ruby>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</ruby></div>
<div><rb>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rb></div>
<div><rt>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rt></div>
<div><rbc>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rbc></div>
<div><rtc>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rtc></div>
</body></html>