Невозможно получить элементы div в одной строке, если в одном из них длинное содержимое. ⇐ Html

[Anonymous]

У меня есть два элемента div в одной строке с плавающей точкой слева и справа. Когда один из них получает длинный контент, он переполняет другой. Я хочу, чтобы он учитывал второй элемент div и получал несколько строк, когда ему недостаточно места, и центрировал второй элемент div по вертикали, когда первый элемент div становится большей высоты.

Код: Выделить всё

.item {
background: white;
width: 91%;
margin: 10px auto 0;
padding: 14px;
border-radius: 5px;
box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;
font-size: 14px;
color: #424242;
overflow: auto;
}

.content-container {
float: left;
background: yellow;
}

.buttons {
float: right;
background: green;
}

Код: Выделить всё

Buy groceries


[/i]


[i][/i]

Подробнее здесь: https://stackoverflow.com/questions/481 ... ne-of-them