anchor-position-grid-001-ref.html (521B)
1 <!DOCTYPE html> 2 <style> 3 .columns { 4 column-count: 3; 5 column-fill: auto; 6 column-gap: 10px; 7 width: 620px; 8 height: 100px; 9 } 10 .fakeanchor { 11 box-sizing: border-box; 12 border: 2px solid lime; 13 border-width: 5px 6px 7px 8px; 14 margin-left: 100px; 15 width: 100px; 16 height: 100px; 17 background: green; 18 } 19 </style> 20 <p>There should be a green square with a lime border, split over two 21 columns. There should be no red.</p> 22 <div class="columns"> 23 <div style="height:60px;"></div> 24 <div class="fakeanchor"></div> 25 </div>