HTML Div對齊問題（沒有固定寬度）

Question

我有一個HTML，如http://jsfiddle.net/Lijo/9sWbc/1/所示。我需要在一行和其他三列（城市州和國家）在第二行。每列的寬度不應該固定。我們如何實現它？

Answer 1

我想這是你所需要的：http://jsfiddle.net/9sWbc/6/

EDITED CSS：

#infoDiv 
{ 
    width:550px; 
    border:1px solid Red; 
} 
.dataLine 
{  
    width:100%; 
    min-width:650px; 
    height:auto; 
    margin:1px 1px 1px 1px; 
    padding: 0 0 0 0px; 
    /*border:1px solid Cyan;*/ 
} 
.freeTwoColumnFirstEntry 
{  
    height:auto; 
    margin:0 0 0 0px; 
    padding:0 0 0 2px; 
    font:normal 9pt Arial; 
    display:inline; 

} 
.freeTwoColumnSecondEntry 
{  
    height:auto; 
    margin:0 0 0 0px; 
    padding:0 0 0 2px; 
    font:normal 9pt Arial; 
    display:inline; 

} 
#cityDiv, #cityDivVal, #stateDiv, #stateDivVal, #countryDiv, #countryDivVal{ 
    display:inline-block; 
} 

Answer 2

http://jsfiddle.net/9sWbc/7/ 檢查這個環節的jsfiddle，它顯示在第一行第二個地址，ABD市州縣線。

Answer 3

這段代碼將在一行和其他三列（城市國家和國家）在第二行地址。

<div id="wrapper1"> 
    <div id="container1"> 
     <div id="header1"> 
     </div> 
     <div class="clear"> 
     </div> 
     <div id="centralContainer1"> 
      <div id="mainContainer1"> 
       <div id="contentHolderDiv1" class="contentHolderDiv1"> 
        <div id="searchContainer" class="searchContainer"> 
         <div id="entryValues" class="searchValuesDiv"> 
          <div id="infoDiv"> 

           <div id="address1Div" class="dataLine"> 
            <span class="freeTwoColumnFirstEntry"> 
             Address: 
            </span> 
            <span class="freeTwoColumnSecondEntry"> 
             <span id="detailContentPlaceholder_lblAddress1">Santhom Avenue, 3456</span> 
            </span> 
           </div> 

           <div id="cityStateCountryDiv" class="dataLine"> 
            <span id="cityDiv" class="freeTwoColumnFirstEntry"> 
             City: 
            </span> 
            <span id="cityDivVal" class="freeTwoColumnSecondEntry"> 
             <span id="detailContentPlaceholder_lblCity">Akron</span> 
            </span> 
            <span id="stateDiv" class="freeTwoColumnFirstEntry"> 
             State: 
            </span> 
            <span id="stateDivVal" class="freeTwoColumnSecondEntry"> 
             <span id="detailContentPlaceholder_lblState">OH</span> 
            </span> 
            <span id="countryDiv" class="freeTwoColumnFirstEntry"> 
             Country: 
            </span> 
            <span id="countryDivVal" class="freeTwoColumnSecondEntry"> 
             <span id="detailContentPlaceholder_lblCountry">United States</span> 
            </span> 
           </div> 

          </div> 
         </div> 
        </div> 
        <div class="clear"> 
        </div> 
       </div> 
      </div> 
      <div class="clear"> 
      </div> 
     </div> 
    </div> 
</div>