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

mercurial