如何在页面中间放置文本？

Question

我有那个HTML代码：

<div id ="leftHalf">
    <div><p>CHOOSE</p></div>
</div>

<p>A</p>

<div id ="rightHalf">
    <div><p>CAT</p></div>
</div>

leftHalf是一个div，占据屏幕的左半部分，黑色背景，rightHalf右半部分为白色。我只需要在屏幕中间放置一个文本（<p>A</p>），但我无法看到它。它接近div的背后。

任何人都知道如何解决这个问题？感谢。

Answer 1

我想你可能会错过：

"text-align: center;" on your <p> tag

见https://jsfiddle.net/5ay5xrt4/1/ - 希望这有帮助！