text-indentの設定のサンプル  親要素におけるフォントサイズは medium


◆下記の文章を参考にインデントの設定を行います。
このサイトは初心者がタグだけでプロ並みの表現力を目指してホームページを作るために開設したものです。なお、講座進行は無料のメールマガジンと連動しています。講座を利用する上で、マガジンの購読をお奨めいたします。

◆text-indent=3cm
このサイトは初心者がタグだけでプロ並みの表現力を目指してホームページを作るために開設したものです。なお、講座進行は無料のメールマガジンと連動しています。講座を利用する上で、マガジンの購読をお奨めいたします。

◆text-indent=1em(1文字分)
このサイトは初心者がタグだけでプロ並みの表現力を目指してホームページを作るために開設したものです。なお、講座進行は無料のメールマガジンと連動しています。講座を利用する上で、マガジンの購読をお奨めいたします。

◆text-indent=50%
このサイトは初心者がタグだけでプロ並みの表現力を目指してホームページを作るために開設したものです。なお、講座進行は無料のメールマガジンと連動しています。講座を利用する上で、マガジンの購読をお奨めいたします。

上記HTMLサンプルコード
<html>
<head><title>Sample(text-indent)</title>
<style type="text/css">
<!--
body {font-size: medium}
.param1 {text-indent: 3cm; color: #f00}
.param2 {text-indent: 1em; color: #00f}
.param3 {text-indent: 50%; color: #093}
-->
</style>
</head>

<body>
<div>
このサイトは初心者がタグだけでプロ並みの表現力を目指してホーム
ページを作るために開設したものです。〜 以下省略 〜
</div>
<div class="param1">
このサイトは初心者がタグだけでプロ並みの表現力を目指してホーム
ページを作るために開設したものです。〜 以下省略 〜
</div>
<div class="param2">
このサイトは初心者がタグだけでプロ並みの表現力を目指してホーム
ページを作るために開設したものです。〜 以下省略 〜
</div>
<div class="param3">
このサイトは初心者がタグだけでプロ並みの表現力を目指してホーム
ページを作るために開設したものです。〜 以下省略 〜
</div>
</body>
</html>