css - href 将链接文本从正文中拉开

Question

请查看此Sample Fiddle

这是一个位于页面顶部的 jquery 通知选项卡。

您会注意到一些文字应该说...

“你想要 Grad Team Cloud 的导览吗？单击此处!”，除了“此处”部分已经脱落并向右浮动。它用 href 包裹。

因为它在 href 中，所以它遵守此 CSS...

.sticky p, .floated p, .fixed p, .ondemand p{ float:left; padding:0px; margin:0px; margin-left:40px; line-height:45px; color:#fff; font-size:18px; width: 70%; }

.sticky a { float:right; margin:13px 10px 0px 0px; }

Angular 落的“X”(关闭按钮)也与此 CSS 对齐，因此调整它会导致问题。

我尝试将内联样式 style="float: left;" 应用于 href，但它也不起作用。

想法？

Answer 1

您似乎只希望关闭按钮向右浮动，而所有其他 a 标签都应该内联。如果是这样，您可以更改此设置:

.sticky a, .floated a, .fixed a, .ondemand a{ float:right; margin:13px 10px 0px 0px; color: #FFFFFF; }

为此:

.sticky a, .floated a, .fixed a, .ondemand a{margin:13px 10px 0px 0px; color: #FFFFFF; }
a.close {float:right;}