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;
}