Reset Utilities

The .reset-* classes restore native browser appearance for elements that custom styles are applied to. Compare default Beautify styles (left) with reset styles (right) below.

Notes

.reset-ul — removes custom bullet dots and indentation from <ul>, restores browser default list style.
.reset-ol — same as .reset-ul but for <ol> (ordered lists).
.reset-dl — removes top/bottom borders, decorative dots, bold title style from <dl>, returns plain text definition list.
.reset-heading — removes margins from <h1> ~ <h6>.

ul / ol list reset

Default (Beautify style)

Item A
- Nested A
  - Deep nested
Item B
Item C

First step
1. Sub step
Second step

.reset-ul / .reset-ol

Item A
- Nested A
  - Deep nested
Item B
Item C

First step
1. Sub step
Second step

dl reset

Default (Beautify style)

Beijing: 21.8M
Shanghai: 24.7M
Guangzhou: 18.7M

.reset-dl

Beijing: 21.8M
Shanghai: 24.7M
Guangzhou: 18.7M

Heading reset

Default (Beautify style)

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

.reset-heading

h1 Heading (no margin)

h2 Heading (no margin)

h3 Heading (no margin)

h4 Heading (no margin)

h5 Heading (no margin)

h6 Heading (no margin)