Question

I have a an HTML as shown in http://jsfiddle.net/Lijo/9sWbc/1/. I need to make the Address in one line and other three columns (City State and Country) in second line. The width of each column should not be fixed. How can we achieve it?

Answer 1

I’m thinking this is what you need : 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;
}