【初心者向け】HTMLで右寄せ・中央寄せ・左寄せをする方法

HTMLのタグで、左寄せや右寄せ、中央寄せを指定する方法の紹介です。

右寄せにしたい場合

右寄せにしたい場合は、divタグにalign=”right”を属性として記述します。
記述例

<div align="right">align="right"を指定すると右寄せです。</div>

表示例

align=”right”を指定すると右寄せです。

中央寄せにしたい場合

中央寄せにしたい場合は、divタグにalign=”center”を属性として記述します。
記述例

<div align="center">align="center"を指定すると中央寄せです。</div>

表示例

align=”center”を指定すると中央寄せです。

左寄せにしたい場合

左寄せにしたい場合は、divタグにalign=”left”を属性として記述します。
記述例

<div align="left">align="left"を指定すると左寄せです。</div>

表示例

align=”left”を指定すると左寄せです。

まとめ

今回は、HTMLのタグで左寄せや右寄せ、中央寄せを指定する方法について紹介しました。
書くと分かるように、とても簡単に設定することができたと思います。

AUTHOR

北海道のWEB屋

北海道を拠点に、Web業界14年・サポート実績1,000件以上。WordPressの復旧、サーバー移転、独自ドメインとメールの設定、PHP・JavaScriptの修正まで対応します。相談と見積もりは無料です。

関連記事

RELATED