layout/reftests/columns/margin-collapsing-bug616722-1-ref.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/columns/margin-collapsing-bug616722-1-ref.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,71 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html><head>
     1.6 +<meta http-equiv="content-type" content="text/html; charset=UTF-8">
     1.7 +	<title>616722-1</title>
     1.8 +
     1.9 +	<style type="text/css">
    1.10 +                body,html { margin:0;padding: 10px;}
    1.11 +                p  { margin: 0; background:pink; }
    1.12 +		.columns {
    1.13 +			-webkit-column-count: 1;
    1.14 +			-moz-column-count: 1;
    1.15 +			column-count: 1;
    1.16 +                        background-color:lime;
    1.17 +			margin: 0em;
    1.18 +			border: 1px solid black;
    1.19 +		}
    1.20 +		.no-border {
    1.21 +			border-width:0;
    1.22 +		}
    1.23 +	</style>
    1.24 +</head>
    1.25 +<body>
    1.26 +		<div class="columns">
    1.27 +			<div style="padding:10px 0 3px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.28 +		</div>
    1.29 +		<div class="columns">
    1.30 +			<div style="padding:3px 0 10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.31 +		</div>
    1.32 +		<div class="columns">
    1.33 +			<div style="padding:10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.34 +		</div>
    1.35 +		<div class="columns">
    1.36 +			<div style="padding:20px 0 10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.37 +		</div>
    1.38 +		<div class="columns">
    1.39 +			<div style="padding:20px 0 0 0"></div>
    1.40 +		</div>
    1.41 +
    1.42 +		<div class="columns no-border">
    1.43 +			<div style="padding:10px 0 3px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.44 +		</div>
    1.45 +		<div class="columns no-border">
    1.46 +			<div style="padding:3px 0 10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.47 +		</div>
    1.48 +		<div class="columns no-border">
    1.49 +			<div style="padding:10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.50 +		</div>
    1.51 +		<div class="columns no-border">
    1.52 +			<div style="padding:20px 0 10px 0"><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.53 +		</div>
    1.54 +		<div class="columns no-border">
    1.55 +			<div style="padding:20px 0 0 0"></div>
    1.56 +		</div>
    1.57 +<!--
    1.58 +		<div class="columns no-border" style="margin-bottom:3px">
    1.59 +			<div><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.60 +		</div>
    1.61 +		<div class="columns no-border" style="margin-top:3px">
    1.62 +			<div><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.63 +		</div>
    1.64 +		<div class="columns no-border">
    1.65 +			<div><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.66 +		</div>
    1.67 +		<div class="columns no-border" style="margin-top:20px">
    1.68 +			<div><p>The quick brown fox jumps over the lazy dog.</p></div>
    1.69 +		</div>
    1.70 +		<div class="columns no-border">
    1.71 +			<div></div>
    1.72 +		</div>
    1.73 +-->
    1.74 +</body></html>

mercurial