[CSS]counter-incrementとcontent:counterで連番振る覚書

CSS:

p{
position:relative;
counter-increment: num;
}

p:after {
content:counter(num);
position:absolute;
top:10px;
left:10px;
display:block;
}

HTML:

<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>

css