wpt / css / css-ruby / ruby-with-floats-003.html

Status: PASS | Duration: 6ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-ruby/ruby-with-floats-003.html

<!DOCTYPE html>
<title>A ruby annotation doesn't intersect with any floats.</title>
<link rel="match" href="ruby-with-floats-003-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/">
<div style="float: left; width: 50px; height: 20px; background: green;"></div>
<div style="float: left; clear: left; width: 100px; height: 50px; background: green;"></div>
<ruby style="ruby-position: under;">base<rt>annotation</rt></ruby>
</div>

/css/css-ruby/ruby-with-floats-003-ref.html

<!DOCTYPE html>
<div style="float: left; width: 50px; height: 20px; background: green;"></div>
<div style="float: left; clear: left; width: 100px; height: 50px; background: green;"></div>
<div style="display: inline-block;"><ruby style="ruby-position: under;">base<rt>annotation</rt></ruby></div>
</div>