Неправильный просмотр списка firefox

Question

Итак, у меня есть эта проблема:

-В Chrome это показывает это:

'' '' ''

-На Моцциле Firefox это показывает это:

'' '' ''

Я хочу выглядеть на chrome на каждом платформа.

<h3>Servicii</h3>
</br>
<ul>
<li><a href="#><h4 style="color:#2e3760;">Beneficiari publici</h4></a></li>
<li><a href="#"><h4 style="color:#2e3760;">Beneficiari privati</h4></a></li>
<li><a href="#"><h4 style="color:#2e3760;">HelpDesk</h4></a></li>
</ul>

Firefox, похоже, не нравится тег заголовка внутри тега <a>.

Answer 1

Заголовки не могут не должны быть вложены во фразировки, такие как ссылки, или могут возникнуть странные проблемы с макетом, поэтому попробуйте эту структуру вместо

<h3>Servicii</h3>
<br>
<ul>
<li><h4 style="color:#2e3760;"><a href="#>Beneficiari publici</a></h4></li>
<li><h4 style="color:#2e3760;"><a href="#>Beneficiari privati</a></h4></li>
<li><h4 style="color:#2e3760;"><a href="#">HelpDesk</a></h4></li>
</ul>

В качестве примечания нет тега </br>

Answer 2

<h3>Servicii</h3>
<br>
<ul>
  <li><h4><a href="#" style= "color:#2e3760;" >Beneficiari publici</a></h4></li>
  <li><h4><a href="#" style= "color:#2e3760;" >Beneficiari privati</a></h4></li>
  <li><h4><a href="#" style= "color:#2e3760;" >Help Desk</a></h4></li>
</ul>

Вы не можете использовать «Заголовки внутри тега« Якорь », но вы можете использовать тег« Якорь »внутри заголовка, как мой код. Иногда вы можете столкнуться с проблемой Цвета. Лучше определить стиль для внутреннего элемента, как я объявил цвет внутри тега.