blob: 00ddca326a2964c1df9a433993a0f827b38a5d28 [file] [log] [blame]
body {
margin: 0;
}
div {
inline-size: 200px;
block-size: 150px;
-webkit-column-gap: 30px;
-webkit-column-rule-width: 10px;
-webkit-column-rule-style: solid;
outline: 1px dashed lightblue;
margin-block-end: 360px;
border-block-start: 20px solid silver;
margin-inline-start: 20px;
}
div.horizontal
{
-webkit-column-axis: vertical;
}
div.horizontal.flipped
{
-webkit-writing-mode: horizontal-bt;
}
div.vertical
{
-webkit-writing-mode: vertical-lr;
-webkit-column-axis: horizontal;
}
div.vertical.flipped
{
-webkit-writing-mode: vertical-rl;
}
span {
background-color: yellow;
position: relative;
}