当我从validator.w3.org运行测试时，代码行中出现错误">元素hr在此上下文中不允许作为元素ul的子元素"；这是原因。看起来没有问题。但验证器不接受这一点。
我的代码在这里：
<ul class="dropdown-mega-sub-nav">
<li style="display:inline-flex;margin-bottom: -12px">
<a href="https://app.example.com/" rel="nofollow">
<img src="/img/lazy.png" data-src="/img/domain-0941.svg" class="lazyload" style="width:40px" alt="Example"></a>
<a style="margin-left:7px;font-size: 15px;font-weight: 500;color: #000;margin-top: 4px;background-color: #fff" class="dropdown-item" href="https://app.example.com/" rel="nofollow">Example</a>
</li>
<hr style="border-top: 1px solid #bbbbbb63;width:185px">
<li style="display:inline-flex;margin-top:-6px;margin-bottom:-12px">
<a href="https://www.example.com/">
<img src="/img/lazy.png" data-src="/img/ecomme-3500.svg" class="lazyload" style="width:40px" alt="Example 2"></a>
<a style="margin-left:7px;font-size: 15px;font-weight: 500;color: #000;margin-top: 4px;background-color: #fff" class="dropdown-item" href="https://www.example.com/">Example 2</a>
</li>
<hr style="border-top: 1px solid #bbbbbb63;width:185px">
<li style="display:inline-flex;margin-top:-6px">
<a href="#">
<img src="/img/lazy.png" data-src="/img/other_services-3051.svg" class="lazyload" style="width:40px" alt="Example 3"></a>
<a style="margin-left:7px;font-size: 15px;font-weight: 500;color: #000;margin-top: 4px;background-color: #fff" class="dropdown-item" href="#">Example 3</a>
</li>
不能将<hr />用作<ul />、的直接子级
在<li />元素中使用<hr />元素。这将解决您的问题