fv17の日記 - Coding Every Day

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

【CSS】text-alignの使い方

役割

文字や画像の位置を、画面の左右、中央に寄せる。

注意点

text-alignプロパティは、インライン要素(aタグやimgタグ、spanタグなど)に対して使うことはできない。ブロック要素に対してのみ使える。そのため、aタグやimgタグに対して使いたい場合は、それらをpやdivで囲ってから使う。

サンプル

HTML

<div>
  <img src="sample.png">
<div>

CSS

div {
   text-align: center;  /* 左は left 右は right */
}

参考にしたサイト

text-alignが初心者でもわかる!合わせて知りたい知…|Udemy メディア
https://udemy.benesse.co.jp/development/text-align.html