Blitz - WPT: grid-justify-baseline-001.html

wpt / css / css-grid / alignment / grid-justify-baseline-001.html

/css/css-grid/alignment/grid-justify-baseline-001.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-sharing-group">
<link rel="match" href="grid-justify-baseline-001-ref.html">
<div style="display: grid; width: 100px; height: 100px; direction: rtl; justify-items: baseline; background: gray;">
  <div style="writing-mode: vertical-rl; background: cyan;">one<br>two</div>
  <div style="writing-mode: vertical-lr; font-size: 30px; background: lime;">one<br>two</div>
</div>

/css/css-grid/alignment/grid-justify-baseline-001-ref.html

<!DOCTYPE html>
<div style="display: grid; width: 100px; height: 100px; background: gray;">
  <div style="writing-mode: vertical-rl; background: cyan; justify-self: end; direction: rtl;">one<br>two</div>
  <div style="writing-mode: vertical-lr; font-size: 30px; background: lime; justify-self: start; direction: rtl;">one<br>two</div>
</div>