HTML Div 对齐问题(没有固定宽度)

Question

我有一个 HTML，如 http://jsfiddle.net/Lijo/9sWbc/1/ 所示。 .我需要在一行中制作地址，在第二行中制作其他三列(城市国家和国家/地区)。每列的宽度不应该是固定的。我们怎样才能实现它？

Answer 1

我想这就是您需要的:http://jsfiddle.net/9sWbc/6/

编辑的 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;
}