0
<style>
#firstname
{
border: 2px solid #3b5998;
padding: 10px 40px;
width: 100px;
background: #daf0ff;

}
</style>
</head>
<body>

<p id="firstname">This is a box,This is a box,This is a box,This is a box,This is a box, </p><p id="firstname">This is a box,This is a box,This is a box,This is a box,This is a box,</p>

クッパで表示した後、異なる行にボックスが表示されます....それらを同じ行に表示する方法は?

4

1 に答える 1

1

タグにfloat: leftまたはを使用display: inline-blockします。<p />

説明:
ここでブロック要素を使用しています ( <p />)。フロートする場合を除いて、常に改行を強制します。インライン要素を使用することもできます (並べ<span/>て表示するなど) paddingfloatdisplay: inline-block

于 2013-01-04T22:42:43.967 に答える