javascript - 下拉项 onClick 未正确显示叠加层

Question

我想为每个下拉项添加一个快捷方式图像，因此，我编写了以下代码:

<a class="dropdown-item" id="dropdown_new_line">
    <span style="float: left">New Line</span>
    <span style="float: right;">
        <img class="icon" 
             src="{% static "laneDetectionApp/icons/icons8-+-100.png"%}" alt="image of + key">
    </span>
</a>

这看起来像下面这样:

我希望它看起来像下面这样:

所以我的问题是，我必须怎么做才能使高亮颜色覆盖整个元素？

Answer 1

测试这个

<a class="dropdown-item clearfix" id="dropdown_new_line">
    <span class="float-left">New Line</span>
    <span class="float-right">
        <img class="icon" 
             src="{% static "laneDetectionApp/icons/icons8-+-100.png"%}" alt="image of + key">
    </span>
</a>