TIL

Today I Learned. 知ったこと、学んだことを書いていく

行揃えを行う - CSS

text-alignプロパティを使う。

  • text-align: left;:左揃え
  • text-align: right;:右揃え
  • text-align: center;:中央揃え
  • text-align: justify;:均等配置

均等配置

値にjustifyを設定する

指定したセレクタのテキストを均等に表示するようにしてくれる。長い文章などに使える

p {
    text-align: justify;
}

justify無し

f:id:tmg1998:20180313194933p:plain:w500

justify有り

1行目が均等に配置されていることがわかる

f:id:tmg1998:20180313194718p:plain:w500

参考文献