Que.howCategoryプライバシーポリシー

テキストの位置を上下中央にする | CSS

要素中にあるテキストの位置を、上下中央にするには、まず、displayプロパティで flex を指定し、そして、align-itemsプロパティで center を指定します。

以下の例では、div要素にある span要素を上下中央に配置しています。テキストを表示する要素は、span要素ではなく、p要素や h1要素などでも問題ありません。

HTML
1
2
3
<div class="box">
    <span>テキスト</span>
</div>
CSS
1
2
3
4
.box {
    display: flex;
    align-items: center;
}
Preview

Category
  1.  > プログラミング
  2.  > ウェブサイト
  3.  > CSS