Ano

<style>
hr {
  -webkit-transform: rotate(120deg);
     -moz-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
       -o-transform: rotate(120deg);
}
</style>

<hr>

:)))

Кривые же! Канвас — зло! SVG/VML! А значит, raphaeljs.

В CSS3 есть псевдоэлемент ::marker.

В CSS2.1 можно наворотить такого:

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;
}

В IE <8 вроооде бы работает вот такое с дополнительной разметкой, но IE под рукой нет:

<ol>
<li><p> First
<li><p> Second
</ol>

ol {
   color: red;
   font-weight: bold;
}
ol p {
   color: black;
   font-weight: normal;
}