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