问题是将滚动横幅内的文本对齐到右侧

Question

我努力让旋转横幅的文字（红色文字）与右边（社交图标的左边）对齐。在此处发布代码会过长，所以here is a link您可以在其中看到它（请注意我使用的是现代自动收报机插件）。

我怀疑这可能来自下面的代码（现代ticker.css的一部分），但当我将其更改为float: right时，文本消失了。我也尝试过text-align：在各个地方都没有成功。谢谢你的帮助！

.mt-news li {
        float: left;
    }

Answer 1

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

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

---

更多更改

在这个示例中，您并不需要父项非常宽并且li要浮动，因为它们会以一次不显示的方式淡化它们。我建议：

1. 从width: 50000px;
移除ul
2. 从float: left;
移除li
3. 从float: left;
移除.mt-news

如果真实的现场情况与这个例子没有什么不同。