| <!-- | |
| @BLINK-ALLOW:htmlTag* | |
| --> | |
| <html> | |
| <head><style> | |
| div::before, div::after { | |
| content: ""; | |
| display: block; | |
| } | |
| div.positioned::before, div.positioned::after { | |
| position: absolute; | |
| } | |
| div.content::before, div.content::after { | |
| content: "pseudo"; | |
| } | |
| </style></head> | |
| <body> | |
| <div>Empty before and after</div> | |
| <div class="positioned">Empty positioned before and after</div> | |
| <div class="postioned content">Positioned before and after with content</div> | |
| </html> |