<!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>