如何使外部元素的寬度與其內容的寬度相匹配？

<div> 
    <ul> 
     <li>Caption1</li> 
     <li>Caption2</li> 
     <li>Caption3</li> 
     <li>Caption4</li> 
    </ul> 
</div>

基本上，列表中的項目定位在與浮在同一行：左在他們的風格和DIV有環繞UL元素1px的邊框：如何使外部元素的寬度與其內容的寬度相匹配？

enter image description here

唯一的問題，我必須手動設置外層div的寬度。如果我將寬度設置爲較低的值，內容將縮小，而不是推開容器div的邊框：

enter image description here

任何建議如何解決這一問題？

2012-03-27 Vitaly

您的實際CSS ..？ – 2012-03-27 21:59:56

設置div有display: inline-block（並把它裏面的另一個div保持原有div的塊狀屬性）

2012-03-27 21:56:09

謝謝，現在我覺得很蠢:)沒有，真的，謝謝，內聯塊做了這項工作。 – Vitaly 2012-03-27 22:05:00

回答