Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<title>CSS Flexbox: Stretch alignment for children with orthogonal flows</title>
<link rel="match" href="reference/stretching-orthogonal-flows-ref.html">
<link href="support/flexbox.css" rel="stylesheet">
<meta name="assert" content="The test ensures that the stretch alignment of flex items work
similarly with both parallel and orthogonal flows.">
<p>You should see no red.</p>
<div class="flexbox column align-items-stretch" style="background-color: red;">
<div style="background-color: green; height: 20px;"></div>
<div style="writing-mode: vertical-lr; background-color: green; height: 20px;"></div>
</div>