pjs/layout/reftests/abs-pos/multi-column-1.html

32 строки
536 B
HTML

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
div {
color: #222;
padding: 10px;
border: 2px solid;
position:relative;
width:10em;
-moz-column-count:2;
-webkit-column-count:2;
}
h2, h3 {position:absolute; width:3em; background: #f00; color:#fff;}
h2 { top: 0; left: 0; }
h3 { bottom: 0; right: 0; }
p, h2, h3 {margin:0;}
p { visibility: hidden; }
</style>
</head>
<body>
<div>
<h2>Test</h2>
<h3>Test</h3>
<p>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br> </p>
</div>
</body>
</html>