Problème d'alignement HTML Div (sans largeur fixe)

Question

J'ai un HTML comme indiqué dans http://jsfiddle.net/Lijo/9sWbc/1/. Je dois faire l'adresse dans une ligne et trois autres colonnes (État de la ville et pays) en deuxième ligne. La largeur de chaque colonne ne devrait pas être fixée. Comment pouvons-nous y parvenir?

Answer 1

Je pense c'est ce que vous avez besoin: http://jsfiddle.net/9sWbc/6/

ÉDITÉ 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/ Vérifiez ce lien jsFiddle, il affiche l'adresse en première ligne, la ville abd comté de l'État dans la deuxième ligne.

Answer 3

Cet extrait fera l'adresse dans une ligne et trois autres colonnes (État ville et pays) en deuxième ligne.

<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>