テーブルなら、こんなイメージです。
<table border="1">
<tr><td>あいおえお</td></tr>
</table>
「あいおえお」の文字列が長くななれば、ボックス(表組み)の幅も自動的に広がります。
これと同じようなことをCSSで表現したいのです。
「ボックス」という表現の意図が正確につかめていませんが
<span style="border:solid 1px #000;">あいうえお</span>
ないしは
<p style="border:solid 1px #000;display:inline;">あいうえお</p>
でご期待のものになるかと
「ボックス」という表現の意図が正確につかめていませんが
<span style="border:solid 1px #000;">あいうえお</span>
ないしは
<p style="border:solid 1px #000;display:inline;">あいうえお</p>
でご期待のものになるかと
方法は3種類あります。
1. styleでタグに直接書く方法
2. <HEAD>内で定義する方法
3. 外部ファイル(.css)に定義する方法
(1)styleでタグに直接書く方法
<p style="border:1px #CCCCCC solid">あいうえお
</p>↑※大文字です
(2)<HEAD>内で定義する方法
<html>
<head>
<style type=text/css></p> <p> p {border:1px solid #CCCCCC;}</p> <p> </style>
</head>
<body>
あいうえお
</body>
</html>
(3)外部ファイル(.css)に定義する方法
<html>
<head>
<link rel=stylesheet type=text/css href=test.css>
</head>
<body>
あいうえお
</body>
</html>
------------
[test.css]
p {border:1px solid #CCCCCC;}
詳細は下記URLを参考にして頂けますでしょうか。
スタイルシートリファレンス > border
横幅一杯にボックスが広がりますね。
残念ながらNGです。