Align элемент списка в той же строке

Question

Используя этот макет: http://jsfiddle.net/spadez/JBuE6/6/

В правом верхнем углу Я хочу зеленую кнопку для сайта на одной и той же линии, что и тега H1 на правой стороне, и таким образом, что каждый новый элемент списка сидит в сторону следующего раза.

Я думаю, что это может быть что-то делать с:

display:block 

я не смог получить эту работу, и я не знаю, если это даже правильный подход.

Answer 1

Переместите UL до H1, и вы должны быть в хорошей форме, например.

<ul> 
    <li><a href="#">Create New</a></li> 
    <li><a href="#">Create New2</a></li> 
    <li><a href="#">Create New3</a></li> 
</ul> 
<h1>Title</h1> 

Пример: http://jsfiddle.net/52raq/3

Answer 2

Если вы хотите, чтобы выровненный по правому краю элемент имел ту же высоту, что и выровненный по левому краю элемент, вы должны положить его перед левым выровненным элементом. Это должно позаботиться об этом.