Pseudo-Elements Test Fixture

::before and ::after with content

Star-decorated text

A wise saying goes here

This paragraph has a bold red prefix via ::before.

display:block pseudo-element

This paragraph has a blue left border created by a ::before pseudo-element with display:block and absolute positioning.

Another block-pseudo paragraph with the same blue accent bar.

Counters

Nested Counters

  1. Introduction
    1. Background
    2. Motivation
    3. Overview
  2. Methods
    1. Data Collection
    2. Analysis
  3. Results
    1. Primary Findings
    2. Secondary Findings
    3. Discussion

Decorative pseudo-element

This box has a subtle "SAMPLE" watermark label in the top-right corner via ::after.