1行目にインデント(text-indent)
<html> <head> <title>インデント</title> <style type="text/css"> <!-- p { text-indent: 20px; } .c1 { text-indent: 50px; } //--> </style> </head> <body> <p> 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 </p> <p> 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 </p> <p class="c1"> 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 段落の1行目にインデント(字下げ)を設定。 </p> </body> </html>
〔 実行する 〕