如何将锚标签嵌套为Facebook通知

Question

我的老板让我这样做，我真的无法完成它。我们运行一个网站，其实时通知会像facebook那样弹出（我不是在谈论通知计数器）。 我们实际上有一个div作为容器和两个子锚标签。他们给了我一个任务，让整个通知变得可以让用户通过鼠标中键点击它来打开另一个标签中的通知URL。我的问题是 Firefox 和 Chrome （至少这两个） 将我的孩子锚定标签放在他父母之外

这是我的模板：

<!-- My template -->
<div class="notification-board bottom right">
    <a class="notification">
        <a href="#1">link1</a> some text to fill <a href="#2">link2</a>
    </a>
</div>

<!-- Rendered -->
<div class="notification-board bottom right">
    <a class="notification">

    </a><a href="#1">link1</a> some text to fill <a href="#2">link2</a>
</div>

这是否有解决方法？

PS：我来自ARG，抱歉我的英语。