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

Question

请查看此示例小提琴

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

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

“要不要导览一下研究生团云？点这里！”，只是“这里”的部分已经脱落，浮在右边。它用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; }

角落的“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;}