WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:スタイルの指定の仕方を教えてください

0:[投稿] もにょ [2005/12/08 10:38 ] [環境:WinXP,IE6 わからない]

現在下記のように指定しています。
この<p>〜</p>の中に、右にインデントさせた文章を入れたいのです。

.Q{background: url(back.gif) no-repeat top left;
  width:550px;}
.Q p{padding-left:80px;font-size:13px;color:#CC6600;}

<div class="Q">
 <p>hogehoge</p>
</div>

例えば、
<div class="Q">
 <p>hogehoge
  <div style="padding-left:1em;">monyomomyo</div>
 </p>
</div>
とすると、“monyomomyo”は.Qに指定したスタイルはなくなって、ボックスの左から1文字分インデントされて表示されます。
“hogehoge”から1文字分インデントして表示したいのですがどのようにしたら良いでしょうか?


1:[お知らせ] もにょ [2005/12/08 10:40 ]

<div style="padding-left:1em;">monyomomyo</div>

<div style="padding-left:13px;">monyomomyo</div>
の間違いでした。
失礼いたしました。


2:[回答] 12_3? [2005/12/09 17:12 ]

><p>hogehoge
 <div style="padding-left:1em;">monyomomyo</div>
</p>
そもそも<p>要素内にブロックレベルの要素は含めないのじゃ、なかったのですよね。


3:[完了] もにょ [2005/12/12 09:29 ]

12_3?さん
ありがとうございます。

ご指摘の通り、<p>はブロック要素を含むことはできないそうであります。
失礼いたしました。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]