- ベストアンサー
<p>で<td>のように枠を表示させたい
下記のHTMLを表示したとき、(1)と(2)が枠の中に 表示されることを期待していたのですが、 (1)だけ枠の中で、(2)は枠の外に表示されてしまいます。 <html> <body> <p style="border-style:solid;">(1)<p>(2)</p></p> </body> </html> 枠を１個表示させたかっただけなので、 <table><tr><td>でごちゃごちゃしたHTMLせず、 <p>でシンプルに記述したかったのですが… <p>で(2)を枠の中に入れる方法はないでしょうか？
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<p></p> の中に<p>を入れるのは文法違反になります。 代わりに<div>を使いましょう。 <div style="border-style:solid;">(1)<div>(2)</div></div>
その他の回答 (2)
noname#56851
回答No.2
これが正しい使い方かはさておいて <p>が入れ子になっていますが内側のはボーダーが設定されていないのかも
noname#36559
回答No.1
<html> <body> <p style="border-style:solid;">(1)<br>(2)</p> </body> </html> ご想像されているのが、どんな形か、わからないのですが、 こういうのは、どうでしょうか。
質問者
補足
回答ありがとうございます。 下記のように枠の中でも いろいろCSSを適用したいのですが…うまくいきません(;_; <html> <body> <p style="border-style:solid;width:200;">(1) <p style="text-align:right">(2)</p> </p> </body> </html>
お礼
回答ありがとうございます。 期待通り表示されました。 タグって何でも入れ子にできるわけではないのですね。 知らなかったです。 ありがとうございました。