Html Issue将滚动横幅内的文本向右对齐

我正在努力使旋转横幅的文本（红色文本）与右侧（社交图标的左侧）对齐。在这里发布代码太长了，这样你就可以看到它的运行（注意，我使用的是现代的ticker插件）

我怀疑这可能来自下面的代码（现代ticker.css的一部分），但当我将其更改为

float:right

时，文本消失了。我还尝试了文本对齐：在不同的位置对齐，但没有成功。谢谢你的帮助

.mt-news li {
        float: left;
    }

---

浮动元素的宽度与其内容相同，因此您需要指定它，以便与容器一样宽（在这种情况下，容器非常宽，但可见区域为400px宽）

---

更多变化

在本例中，您实际上不需要父对象非常宽，

li

s浮动，因为您正在以一种不会立即显示的方式淡入淡出状态。我建议：

移除

宽度：50000px来自
ul

移除

浮动：左侧来自
li

移除

浮动：左侧来自
.mt新闻

也就是说，如果真实的现场情况与这个例子没有什么不同的话

.mt-news li {
    width: 400px;
}