summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-break/borders-001.html
blob: 2fa8c8c96fc65eaadbc1ea5fedeb6f0313aa8816 (plain)
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#break-decoration">
<link rel="match" href="borders-001-ref.html">
<p>There should be a yellow box that starts in the second column and ends in the
  third. The top border should be in the second column, and the bottom border
  should be in the third.</p>
<div style="columns:4; column-gap:10px; column-fill:auto; width:430px; height:100px;">
  <div style="height:95px;"></div>
  <div style="border:10px solid hotpink; height:100px; background:yellow;"></div>
</div>