Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Why doesn't Firefox show gaps between paragraphs when other browsers do?

  • 5 replies
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

more options

When viewing pages of a website I created the spacing between paragraphs shows properly in Chrome and Safari, but there is no gap in Firefox.

When viewing pages of a website I created the spacing between paragraphs shows properly in Chrome and Safari, but there is no gap in Firefox.

Chosen solution

Firefox seems to display the <br> differently than other webkit based browsers in this case. I'm not sure if this is related to the content: " "; rule that in Firefox possibly only work with ::before and ::after.

If I disable this specific rule in Google Chrome then IO get the same appearance as in Firefox.

Read this answer in context 👍 0

All Replies (5)

more options

What's your computer system and Firefox version?

Please provide public link(s) (no password) that we can check out. No Personal Information Please !


In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see How do I create a screenshot of my problem?

Once you've done this, attach the saved screenshot file to your forum post by clicking the Browse... button below the Post your reply box. This will help us to visualize the problem.

Thank you!

more options

You can use the builtin Inspector to check what CSS rules are applied.

more options

I am using Firefox 55.0.3 on an iMac. An example page is https://www.stjohns-leytonstone.org.uk/aboutus/baptisms. Screenshots from Safari and Firefox are attached. As you'll see the Safari screenshot shows a gap between paragraphs. Other browsers I've tried do the same. Only Firefox doesn't.

more options

I don't see any real difference. Except for the size of the font.

more options

Chosen Solution

Firefox seems to display the <br> differently than other webkit based browsers in this case. I'm not sure if this is related to the content: " "; rule that in Firefox possibly only work with ::before and ::after.

If I disable this specific rule in Google Chrome then IO get the same appearance as in Firefox.