Wie setze ich einen Text in die Mitte der Seite?

Question

Ich habe diesen HTML-Code:

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

<p>A</p> 

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

leftHalf ist ein div, die die linke Hälfte des Bildschirms mit schwarzem Hintergrund und rightHalf die rechte Hälfte in weiß einnimmt. Ich muss nur einen Text (<p>A</p>) in die Mitte des Bildschirms legen, aber ich kann es nicht sehen. Es scheint, dass es hinter den Divs ist.

Wer weiß, wie man das löst? Vielen Dank.

Answer 1

Ich denke, man kann eine fehlt:

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

https://jsfiddle.net/5ay5xrt4/1/ See - hoffe, das hilft!