Blog

HOME > Web > css > 【CSS】2行目以降を1文字下げる方法

【CSS】2行目以降を1文字下げる方法

2015/12/26

css

テキストで箇条書きをした際に、２行目を１文字分下げたい場合があります。

いつもはliタグで指定していましたが、pタグなどでもできる方法がありましたので、
備忘録として残します。

<p>※テキストテキストテキスト～～</p>

で２行目が折り返した場合、

表示は

※テキストテキストテキスト
テキストテキスト～～

になります。

これを

※テキストテキストテキスト
テキストテキスト～～

のように折り返し行を１文字分下げたい場合には、
cssを

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

にすると２行目を１文字分下げることができます。



ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ