Tick Marks

Tick Marks using HTML and CSS

HTML

Tick marks using HTML and CSS:<br/>
<x-1/><x-2/><x-3/><x-4/><x-5/>

CSS

x-1::before, x-2::before, x-3::before, x-4::before, x-5::before {
	letter-spacing: 0.1pt; margin: 0.25em;
}
x-1::before { content: "|"; }
x-2::before { content: "||"; }
x-3::before { content: "|||"; }
x-4::before { content: "||||"; }
x-5::before { content: "|||||"; }
x-5::after  { content: "╱"; margin-left: -1.5em; }