How to draw diagonal lines with css [duplicate]

Answer 1

Using CSS transform property you can achieve this. Look at the following HTML and CSS.

HTML

CSS

 #hr {
 -moz-transform: rotate(45deg);  
   -o-transform: rotate(45deg);  
 -webkit-transform: rotate(45deg);  
  -ms-transform: rotate(45deg);  
      transform: rotate(45deg); 
   }

DEMO