1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/generated-content/positioned-01.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,48 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 + <title>CSS 2.1 Test Suite: generated content</title>
1.8 + <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
1.9 + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
1.10 + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
1.11 + <meta name="flags" content="" />
1.12 +<style>
1.13 +div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
1.14 +
1.15 +.gen::before {
1.16 + content:counter(ctr) url(square-outline-32x32.png) open-quote "Before " attr(class);
1.17 + counter-increment:ctr;
1.18 +}
1.19 +.gen::after {
1.20 + content:counter(ctr) url(square-outline-32x32.png) "After " attr(class) close-quote;
1.21 + counter-increment:ctr;
1.22 +}
1.23 +
1.24 +.abs::before {
1.25 + position:absolute;
1.26 + left:0;
1.27 +}
1.28 +.abs::after {
1.29 + position:absolute;
1.30 + right:0;
1.31 +}
1.32 +
1.33 +.rel::before {
1.34 + position:relative;
1.35 + top:-10px;
1.36 +}
1.37 +.rel::after {
1.38 + position:relative;
1.39 + top:10px;
1.40 +}
1.41 +
1.42 +div { border:1px solid green; margin:5px; height:100px; }
1.43 +</style>
1.44 +</head>
1.45 +<div class="gen abs">Inner</div>
1.46 +<!-- an element should be the containing block for its positioned content -->
1.47 +<div style="position:relative;" class="gen abs">Inner</div>
1.48 +<div class="gen rel">Inner</div>
1.49 +<div>Begin <span class="gen rel">Inner</span> End</div>
1.50 +</body>
1.51 +</html>
