зеркало из https://github.com/mozilla/gecko-dev.git
40 строки
810 B
HTML
40 строки
810 B
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
|
|
|
|
div::before {
|
|
content:counter(ctr) url(square-outline-32x32.png) open-quote "Before " attr(class);
|
|
counter-increment:ctr;
|
|
}
|
|
div::after {
|
|
content:counter(ctr) url(square-outline-32x32.png) "After " attr(class) close-quote;
|
|
counter-increment:ctr;
|
|
}
|
|
|
|
.beforeleft::before {
|
|
float:left;
|
|
}
|
|
.beforeright::before {
|
|
float:right;
|
|
}
|
|
.afterleft::after {
|
|
float:left;
|
|
}
|
|
.afterright::after {
|
|
float:right;
|
|
}
|
|
|
|
div { border:1px solid green; margin:5px; }
|
|
div { overflow:auto; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="beforeleft afterleft">Inner</div>
|
|
<div class="beforeleft afterright">Inner</div>
|
|
<div class="beforeright afterleft">Inner</div>
|
|
<div class="beforeright afterright">Inner</div>
|
|
</body>
|
|
</html>
|