SPAN
и применить поворот именно к нему, чтобы кликальбельно-наводимая область не изменяла своё положение при наведении (иначе пострадает удобство пользователя).DIV
:<div><a href="#"><span>Must... rotate... now!</span></a></div>
ol {
counter-reset: li;
}
ol > li {
list-style:none;
position: relative;
}
ol > li:before {
content:counter(li);
counter-increment:li;
position: absolute;
left: -2em;
color: red;
font-weight: bold;
}
<ol>
<li><p> First
<li><p> Second
</ol>
ol {
color: red;
font-weight: bold;
}
ol p {
color: black;
font-weight: normal;
}