600 West

Horizontalrule 

<hr id="" class="" style="">
 
<hr id="{{id}}" class="{{modifier}}" style="{{style}}">
 
{
  "id": null,
  "modifier": null,
  "style": null
}

HoritonalRule

One horizontal to rule them all. It just adds a <hr>. It should be used as a semantic way of dividing content.

While it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than presentational terms

Best Practices

  • If you just need a visual separator (not thematic), use CSS with borders.