このタブスクリプトを使用する Web ページがあります。タブの 1 つに 2 列のレイアウトを追加したいのですが、次のコードを使用しています。
<div class="content-wrapper">
<div class="con con-left">
Column 1
</div>
<div class="con con-right">
Column 2
</div>
</div>
この CSS で動作するもの:
.content-wrapper
{ width: 100%;
margin: 0 auto; }
.con
{ margin: 0 10px;
float: left;
display: inline; }
.con-left
{ width: 500px; }
.con-right
{ width: 500px; }
問題は、下の画像に示すように、タブのサイズが div 内のテキストの量に対して拡張されないことです。<div>
タブがタグ内のコンテンツを認識するように CSS を設定するにはどうすればよいですか?