title: How to make a ruler scale in HTML and CSS
body: <p>I would like to draw something simple like this using HTML and CSS:</p>
  
  <p><code>|_____|_____|_____|_____|</code></p>
  
  <p>with aligned numbers underneath each vertical bar, e.g. <code>0, 1, 2, 3, 4</code> etc.</p>
  
  <p>I would also like to adjust the space between bars programmatically. Is there any example I can follow?</p>