Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!doctype html> <title>Example</title> <style> @counter-style circled-numbers { system: fixed; symbols: "\2460" "\2461" "\2462" "\2463" "\2464" "\2465" "\2466" "\2467" "\2468" "\2469"; } body { line-height: 0.8em; counter-reset: myCounter; background: beige; } h1 { font-size: 18px; } h1:before { content: counter(myCounter, circled-numbers) " "; counter-increment: myCounter; } </style> <h1>Apples</h1> <p>I like apples.</p> <h1>Oranges</h1> <p>Oranges are good.</p> <h1>Bananas</h1> <p>A perfect snack.</p>
Preview