我有两个p标记，一个（id=floating）具有css属性{float: right}。
这会影响其他p标记（id=toCenter），它们的样式为{text-align: center}。
即。文本对齐仅适用于其余区域。
即使此输出是可以理解的，我应该怎么做才能使'toCenter' p标记沿整个宽度居中。
我尝试使用z-index，但到目前为止没有结果。
HTML：
<body>
<div>
<p id='floating'>floating floating floating floating floating floating floating floating floating floating </p>
<p id='toCenter'> ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
</div>
</body>
CSS：
#floating{
background: red;
float: right;
}
#toCenter {
text-align: center !important;
background: yellow;
}
codepen：http://codepen.io/anon/pen/obJEap?editors=1100
最佳答案
尝试将浮动设置为
#floating {
position: absolute;
right: 0;
top: 0;
}
关于javascript - CSS中的 float 属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35334576/