見出し画像

【CSS】文章に「インデント」を付ける方法とは?!【学習メモ】

インデント … 「字下げ」のこと

〇基本的なインデント

p { text-indent: 1em; }

「1em」というのは、「1文字分」のインデントのこと。


〇2行目以降のみインデント

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

「padding-left」左側に1文字分の余白を作る。

「text-indent」を「-1em」として、最初の行だけ余白分のスペースに文字を移動させる。


@osakana1699もフォローしてね!

おすすめ記事


「この記事おもしろい!」「おさかなは海に帰れ!」 「泳げないおさかな…なんて…!」と、思ったそこのあなた!!!! ぜひ!サポートよろしくお願いします🙇 様々なジャンルの本を読むために活用させていただきます✨ 「え、読書する新種のおさかなだ!」と思ったあなたも!今すぐタッチ!