css : 2個div中間不換行

1.html

2.css

.container {
display:inline-block;
overflow:hidden;
white-space: nowrap;
}

.d1 {
display: inline-block;
}

.d2 {
white-space: nowrap;
display: inline-block;
}

la