web dimension maker

今さらかもしれませんが、実践で役に立ちそうなので、チャレンジしておきます。

なんというか、説明が難しいので、直にサンプルを示しますと

1. あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお

上記のように、li要素のリストスタイルのような感じで、しかも二行目以降がインデントされるという物です。CSSは下記のようになります

p {
  text-indent:-1em;
  padding-left:1em;
}

簡単に説明いたしますと、「余白を1文字分とり、１行目を左に1文字分インデントさせる」、ということになります。

今回参考にさせていただいたのは下記のサイトになります。ありがとうございました。

• 注記などで改行が入っても文字の頭をそろえる
• 一つの要素で、テーブルレイアウトのように列を揃える