Как подтолкнуть правые боковые элементы к вершине

Question

У меня есть 2 столбца, один из которых я плаваю влево, а другой - справа.

На правой стороне расположены кнопки ввода.

По какой-то причине кнопки вроде как в середине столбца, я хочу, чтобы они были выровнены по вертикали до вершины и вправо.

Как я могу это сделать? Это просто игра с отступами?

<div id="blah">
  <div id="left">
    <ul><li></li></ul>
</div>
  <div id="right"><input type=image src="" /> <input type=image src=""/></div>
</div>

Кнопки вертикально выровнены с нижней частью UL.

Answer 1

Вы можете обернуть их дополнительным контейнером с:

#buttons-wrapper: {
   position: absolute;
   top: 0;
}

(родительский контейнер должен иметь положение: относительное)

Answer 2

Прежде всего, вы должны плавать только правый делитель вправо и иметь его перед левым делением в разметке. Другой div автоматически переместится влево, и после него вам не понадобятся очищающие div.

В любом случае, div по умолчанию будет иметь вертикальное выравнивание содержимого, если вы хотите, чтобы они тоже были выровнены по правому краю, просто добавьте text-align: right; в CSS.

Answer 3

вы пробовали:

#right-container
{
    vertical-align: top;
}