一行目のインデントを設定する

text-indent: インデント

インデント     単位付きの数値 ・ %

ltext-indent プロパティは、ブロックレベル要素に指定して、
そこに含まれるテキストの先頭のインデントを指定します。
インデントには、マイナスの値を設定することも出来ます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--

#sample1 { text-indent: 1em }
#sample2 { text-indent: 3em }
#sample3 { text-indent: 5em }
em {
font-style: normal;
font-weight: bold;
color: #ff6600;
background-color: #ffffff
}
-->
</style>

</herd>
<body>

<h1>一行目のインデントを設定する</h1>

<p>これはインデント「<em>0</em>(初期値)」の状態です。</p>

<p id="sample1">
これが「<em>1em</em>」だけインデントされた状態です。<BR>
一行目の開始位置を、指定した距離だけ移動させます。
</p>

<p id="sample2">
これが「<em>3em</em>」だけインデントされた状態です。<BR>
一行目の開始位置を、指定した距離だけ移動させます。
</p>

<p id="sample3">
これが「<em>5em</em>」だけインデントされた状態です。<BR>
一行目の開始位置を、指定した距離だけ移動させます。
</p>

</body>
</html>