Home/ Questions/Q 8123583
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T06:13:35+00:00

I have two <hr> s both with exactly the same class, and no other

  • 0

I have two <hr>s both with exactly the same class, and no other attributes on either, which look the same in Chrome etc. However in Firefox, for some reason, the one at the bottom of the page looks normal, but the one at the top is double as thick.

Any ideas? I’m also open to other suggestions if they’d work better to create a black line 2.5px high.

The issue is at every page of http://www.duncannz.com – the black line at the top looks too thick in Firefox, but the black line at the bottom is fine. Both the lines are fine in every other browser.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try adding height: 2px; it can’t be 2.5px;

    If you want to define values in decimals then try with 2.5em. you can not use decimals with pixels. Decimals are fine on ems

    • 0