スペースを入れたいのですが…
-
0 名前： ユミ ： 2005/07/01 08:48
- 初めて投稿させていただきます…よろしくお願いします。
「インデント」も含め「文字と文字の間」や「画像と画像の間」にスペースが欲しいのですがどのようにしたらいいのでしょうか？
半角スペースはひとつなら入りますがそれ以上はいくら入れても同じようです。
-
1 名前： カヅサツ ： 2005/07/01 08:48 ［URL］
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title></title>
<style type="text/css">
p{
text-indent: 1em;
letter-spacing: 0.2em;
margin: 0.5em 2em 0.5em 2em;
line-height: 1.4;
}
img{
margin: 0em 2em;
}
</style>
</head>
<body>
<div style="width: 500px;"><!-- 分かりやすさのために幅300ピクセルのブロック -->
<p>段落は p要素です（<p>〜</p>）。</p>
<p>インデントは text-indent です。サンプルは1文字分のインデントを付けています。</p>
<p>（段落内を含む）行間は line-height です。サンプルでは文字の大きさの 1.4倍にしています。</p>
<p>（左右の）文字間は letter-spacing です。サンプルは0.2文字の文字間を開けています。</p>
<p>段落などのブロックとブロックの間の余白は margin です。上・右・下・左の順で指定します。サンプルは上下に 0.5文字分、左右に 2文字分です。</p>
<p>他に<img src="" alt="画像">に2文字分の左右 margin を付けてみましょう。
</div>
</body>
</html>
-
2 名前： ユミ ： 2005/07/01 08:48
- カズサツさんありがとうございました。
参考にさせていただきます<(_ _)>。
