Выравнивание текста в Firefox

Question

Для любого текста в браузере Firefox я получаю нежелательное пространство под текстом. Кто-нибудь знает как это убрать? Текст идеально подходит в Chrome. Мне нужно решение, которое будет работать во всех браузерах. Спасибо.

<style>
  .text {
    border: 2px solid red;
    font-size: 50px;
    padding: 0;
  }
</style>

<p class="text">Hello World</p>

Снимок экрана: https://i.stack.imgur.com/ysOsU.jpg

Answer 1

Вы тоже пытались установить поля на 0?

<style>
  .text {
    border: 2px solid red;
    font-size: 50px;
    margin: 0px;
    padding: 0px;
  }
</style>