| <!DOCTYPE html> |
| <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> |
| <style> |
| .container { |
| writing-mode: horizontal-tb; |
| inline-size: 472px; |
| } |
| .mc { |
| display: flow-root; |
| block-size: 120px; |
| border: 1px solid; |
| margin-block-end: 20px; |
| background: yellow; |
| } |
| .column { |
| float: left; |
| inline-size: 150px; |
| block-size: 100%; |
| margin-inline-start: 10px; |
| } |
| .column:first-child { |
| margin-inline-start: 0; |
| } |
| </style> |
| <div class="container"> |
| <div class="mc"> |
| <div class="column"> |
| <div style="block-size:100%; background:url(../support/cat.png) left top;"></div> |
| </div> |
| <div class="column"> |
| <div style="block-size:100%; background:url(../support/cat.png) left -120px;"></div> |
| </div> |
| <div class="column"> |
| <div style="block-size:110px; background:url(../support/cat.png) left -240px;"></div> |
| </div> |
| </div> |
| <div class="mc"> |
| <div class="column"> |
| <div style="block-size:100%; background:url(../support/cat.png) right top;"></div> |
| </div> |
| <div class="column"> |
| <div style="block-size:100%; background:url(../support/cat.png) right -120px;"></div> |
| </div> |
| <div class="column"> |
| <div style="block-size:110px; background:url(../support/cat.png) right -240px;"></div> |
| </div> |
| </div> |
| <div class="mc"> |
| <div class="column"> |
| <div style="block-size:100%; background:url(../support/cat.png) left 350px;"></div> |
| </div> |
| <div class="column"> |
| <div style="block-size:100%; background:url(../support/cat.png) left 230px;"></div> |
| </div> |
| <div class="column"> |
| <div style="block-size:110px; background:url(../support/cat.png) left bottom;"></div> |
| </div> |
| </div> |
| <div class="mc"> |
| <div class="column"> |
| <div style="block-size:100%; background:url(../support/cat.png) right 350px;"></div> |
| </div> |
| <div class="column"> |
| <div style="block-size:100%; background:url(../support/cat.png) right 230px;"></div> |
| </div> |
| <div class="column"> |
| <div style="block-size:110px; background:url(../support/cat.png) right bottom;"></div> |
| </div> |
| </div> |
| </div> |
