html中如何让三个方块并排,html – 并排设置两个div,然后设置第三个div

我如何并排设置两个div,而下面的第三个div设置为这样

.

我当前的代码如下所示,将div放在name div之后

Name

6:30 PM

Note

CSS：

#contact_table_data {

width:inherit;

height:inherit;

background-color:#99cc33;

max-width:400px;

}

#info_div_name {

width:auto;

height:auto;

padding: 5px 0px 5px 10px;

float:left;

}

#info_div_time {

width:auto;

height:auto;

padding: 5px 10px 5px 0px;

float:right;

}

#info_div_note {

width:inherit;

height:auto;

position:static;

padding: 0px 10px 5px 10px;

}