html - 如何防止 float 元素影响 "text-align: center"文本？

Question

在我的代码中，我有一个 <p>标签，看起来像: <div><p>Text Here <span></span</p></div>

我有 CSS div { text-align:center } span { float:right }

当我用文本填充跨度时，它会将文本移到左侧。我怎样才能使跨度充满文本时，段落标签保持不变。我无法编辑 HTML，它必须保持现在的样子

谢谢!

Answer 1

我能想到的是:

div {
  text-align: center;
  position: relative;
}
span {
  position: absolute;
  right: 0;
}

这需要 <span>就图片之外的文字而言，完全不在图片之内。当然，如果<span>变得太大会与其他文本重叠。