html - テキストを中央 (水平および垂直) に設定する方法は?

Question

これは私のhtmlとcssです

<div id="name">
<p>TEST TEST TEXT</p>
</div>

#name{
  width: 200px;
  height: 50px;
  background: #019fde;
  border-radius: 10px;
}

テキストを中央 (水平および垂直) に設定する方法は?

Answer 1

1 行だけの場合は、 を使用できますline-height。line-height要素と同じ高さ (この場合は 50px) に設定すると、テキストが中央に配置されます。

テキストを中央に配置するには、単に使用しますtext-align:center;

Answer 2

pまた、を でラップすることを気にせず、を設定しながら希望の高さを達成するために、上部と下部に一貫したパディングをタグdivに与えることもできます。ptext-align:center