如何防止浮动元素影响＆＃34; text-align：center＆＃34;文本？

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> 太太大，它将与其他文本重叠。