| <!DOCTYPE html> |
| <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> |
| <style> |
| .box { |
| height: 80px; |
| margin-bottom: 10px; |
| border: 10px solid hotpink; |
| background: yellow; |
| } |
| .skip-start { |
| border-right: none; |
| } |
| .skip-end { |
| border-left: none; |
| } |
| </style> |
| <p>There should be a yellow box that starts in the first column and ends in the |
| third. The block-start border should be in the first column, and the block-end |
| border should be in the third.</p> |
| <div class="box skip-end" style="width:90px;"></div> |
| <div class="box skip-start skip-end" style="width:100px;"></div> |
| <div class="box skip-start" style="margin-left:30px; width:60px;"></div> |