{width:値;}でボックスの横幅を指定することが出来ます。 値はpx、%などで指定します。

■ 横幅を指定する

【ブラウザ表示】

横幅が20%のボックスです。

<p class="yokohaba">横幅が20%のボックスです。</p>

p.yokohaba{
border:1px solid;
width:20%;
}

<p style="border:1px solid; width:20%;">
横幅が20%のボックスです。
</p>

■ 高さを指定する

【ブラウザ表示】

高さが100pxのボックスです。

<p class="takasa">高さが100pxのボックスです。</p>

p.takasa{
border:1px solid;
height:100px;
}

<p style="border:1px solid; height:100px;">
高さが100pxのボックスです。
</p>

■ その他の項目

スタイルシート一覧のページに戻る