layout/reftests/columns/margin-collapsing-bug616722-2-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-2-ref.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,80 @@
     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-2</title>
     1.8 +
     1.9 +	<style type="text/css">
    1.10 +                body,html { margin:0;padding: 10px;}
    1.11 +                p  { margin: 3px 0; background:pink; }
    1.12 +                .no-border p  { margin: 0; }
    1.13 +
    1.14 +		.columns {
    1.15 +			-webkit-column-count: 3;
    1.16 +			-moz-column-count: 3;
    1.17 +			column-count: 3;
    1.18 +                        background-color:lime;
    1.19 +			margin: 0em;
    1.20 +			border: 1px solid black;
    1.21 +		}
    1.22 +		.no-border {
    1.23 +			border-width: 0;
    1.24 +		}
    1.25 +	</style>
    1.26 +</head>
    1.27 +<body>
    1.28 +		<div class="columns no-border" style="padding:10px 0;background:none"></div>
    1.29 +		<div class="columns">
    1.30 +			<div style="padding-top:7px"><p>1</p></div>
    1.31 +			<p>2</p>
    1.32 +			<p>3</p>
    1.33 +		</div>
    1.34 +		<div class="columns no-border" style="padding:10px 0;background:none"><p></p></div>
    1.35 +		<div class="columns">
    1.36 +			<div style="padding-bottom:10px"><p>1</p></div>
    1.37 +			<p>2</p>
    1.38 +			<div style="padding-bottom:17px"><p>3</p></div>
    1.39 +		</div>
    1.40 +		<div class="columns">
    1.41 +			<div style="padding:7px 0 0 0"><p>1</p></div>
    1.42 +			<p>2</p>
    1.43 +			<p>3</p>
    1.44 +		</div>
    1.45 +		<div class="columns">
    1.46 +			<div style="padding:17px 0 0 0"><p>1</p></div>
    1.47 +			<p>2</p>
    1.48 +			<p>3</p>
    1.49 +		</div>
    1.50 +		<div class="columns">
    1.51 +			<p style="margin:0"></p>
    1.52 +			<p style="margin:0"></p>
    1.53 +			<p style="margin:0"></p>
    1.54 +		</div>
    1.55 +
    1.56 +		<div class="columns no-border">
    1.57 +			<div style="padding-top:10px"><p>1</p></div>
    1.58 +			<p>2</p>
    1.59 +			<div style="padding-bottom:20px"><p>3</p></div>
    1.60 +		</div>
    1.61 +		<div class="columns no-border">
    1.62 +			<div style="padding-top:3px"><p>1</p></div>
    1.63 +			<p>2</p>
    1.64 +			<div style="padding-bottom:0px"><p>3</p></div>
    1.65 +		</div>
    1.66 +		<div class="columns no-border">
    1.67 +			<div style="padding:10px 0 0 0"><p>1</p></div>
    1.68 +			<p>2</p>
    1.69 +			<p>3</p>
    1.70 +		</div>
    1.71 +		<div class="columns no-border">
    1.72 +			<div style="padding:20px 0 0 0"><p>1</p></div>
    1.73 +			<div style="padding:0 0 20px 0"><p>2</p></div>
    1.74 +			<p>3</p>
    1.75 +		</div>
    1.76 +		<div class="columns no-border">
    1.77 +			<p style="margin:0"></p>
    1.78 +			<p style="margin:0"></p>
    1.79 +			<p style="margin:0"></p>
    1.80 +		</div>
    1.81 +
    1.82 +
    1.83 +</body></html>

mercurial