TheGenie OfTruth TheGenie OfTruth - 1 year ago 48
HTML Question

hr has a pointed end... How to get rid of this?

So I was looking at the page for horizontal lines here and the horizontal line looked at bit weird at the beginning. I'm running windows with the chrome browser and I zoomed in to 500% view and I saw this: Error
Looking at the horizontal line you can make out a small dot at the beginning of the line that looks very annoying. Any ideas how to get rid of this?

Answer Source

By default, hr have inset borders:

enter image description here

The small dot you are seeing is the left border, which is as dark as the top border.

Then, you can just remove the left border.

enter image description here

hr { 
  border-left: none;
<hr />