Don't apply margins to <br> elements contained in an <li> in FF

[thecrypticace]

Before this change the following would have unexpected extra space between the two lines of text in Firefox (but not in Safari or Chrome):

<div className="prose">
  <ul>
    <li>
      line 1
      <br />
      line 2
    </li>
  </ul>
</div>

Before, in FF:

After, in FF — now matching other browsers:

The intent of the selectors I've changed were to target leading/trailing p tags in a list item but we are targeting * instead. This had the side effect of causing <br> elements inside list items to gain a margin only in Firefox. Other browsers treat the <br> element like any other inline element and as such don’t apply margins.

Fixes #349

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tailwindcss-typography	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 23, 2024 8:00pm