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;

}

参考にしたサイト

text-alignが初心者でもわかる!合わせて知りたい知…|Udemy メディア