You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
<meta name="assert" content="Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. We have 2 baseline-sharing groups. Items participate in both, column and row baseline, but since they only share a row-like Baseline Context only 'align-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items." />
<style>
body { margin: 0; }
.block {
background: grey;
float: left;
margin: 5px;
text-orientation: sideways;
width: 200px;
font-family: Ahem;
}
.block > :nth-child(1) { font-size:24px; }
.block > :nth-child(2) { font-size:32px; }
.block > :nth-child(3) { font-size:48px; }
.block > :nth-child(4) { font-size:64px; }
.item {
border-width: 2px 5px 3px 4px;
border-style: solid;
padding: 6px 3px 7px 8px;
margin: 10px 6px 4px 12px;
}
.extraLeftPadding { padding-left: 30px; }
.extraRightPadding { padding-right: 30px; }
.row { grid-auto-flow: column; }
</style>
<p>1x4 with parallel items, but opposite block-flow direction.</p>