CSS关闭div浮右，链接错误

Question

我有一个css按钮，点击时关闭div。 问题是，当我把鼠标放在这个X上时，它无法正常工作。

我把鼠标放在X上，链接无法点击。

如果我把float放在右边就会发生错误：对，但我需要这个元素在右边。我能做什么？有什么问题？

的CSS：

.delete_post{
float:right;
cursor: pointer;
color: white;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: #605F61;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 11px 3px;
}

HTML：

<a href="javascript:;" class="delete_post" id="$id">x</a>