この記事は1分で読めます

【CSS】テキストの両端を揃えて見栄えをキレイにする方法

  • 投稿日
  • 更新日

あとで読む

【CSS】テキストの両端を揃えて見栄えをキレイにする方法

Webサイトのレイアウトで意外と重要なテキストの配置。今回は、CSSでテキストを揃える為のプロパティ、text-alignについて説明します。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

テキストを揃えるtext-alignプロパティ

text-alignは、テキストの水平方向の揃え方を指定するプロパティです。以下の値で配置を指定することができ、テキストだけでなく画像にも適用することができます。

  • left : 左揃え
  • right : 右揃え
  • center : 中央揃え
  • justify : 均等割り付け

テキストの両端の揃え方

通常、文章を入力すると、個々の文字の間隔が異なる為右端が揃っておらず、あまり見栄えが良くありません。

そんな時は、text-alignプロパティでjustifyを指定することで、簡単に両端を揃えることができます。

text-align: justify;

おわりに

いかがでしたか?text-alignプロパティを使えば簡単に文章の両端を揃えることができます。是非マスターして、見栄えのいい文章を作りましょう。

この記事を書いた人

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須