Question

how can you draw 2D ruler in html document

Answer 1

<hr> tag in HTML assist in creating and adding horizontal lines in document. 
 
Within <hr> width, pixel can be adjusted to give line the depth look which in turn can be used to achieve 2D effect. 

For example, 
hr {
    display: block
    border-style: inset;
    border-width: 100px:
}

if this helps, please mark as brainliest.