如何在不使用css/html页边距的情况下抵消链接，从而避免与其他链接/图标重叠

此时，下面的代码表示“deploy sidebar”和“notifications.html”的链接重叠，这意味着如果我尝试并单击deploy sidebar图标，实际上是激活的通知链接

<div class="content-controls solid-color fixed-header">
        <a class="deploy-sidebar" href="#"></a> <em class=
        "content-title">Title</em>
          <a class="mytextwithiconFriendActivityNo" href="notifications.html"></a>
          <a class="mytextwithiconFriendActivityYes" href="notifications.html"></a>
          <a class="mytextwithiconBadgeActivityNo" href="notifications.html"></a>
          <a class="mytextwithiconBadgeActivityYes" href="notifications.html"></a>

    </div>

头衔

我想我可以使用左边距来正确定位图标，但这会创建与部署侧栏图标的重叠

猜测我需要使用CSS，但是我可以使用其他方法来定位图标，而不创建作为链接的重叠。我也尝试过背景位置，但似乎不起作用

---

您是否尝试过使用

位置：绝对？请拉小提琴<代码>浮动：左？