2 div на одной линии, 1 по центру, второй в правом верхнем

[Человек_Борща]

Доброго времени суток!

Есть 2 div'а.

Как из этого:


Сделать это:


Если обоим выставить display:inline то все это становится в одну линию, но обитает с левой стороны, не красиво. Второй вечер уже убиваю на эту бяку.

Help эксперты)

[Человек_Борща]

Сам разобрался.

CSS:

		.contnr {
			text-align: center;
		}
		.d1 {
			display: inline-block;
		}
		
		.d2 {
			display: inline-block;
			float:right;
		}

HTML:

			<div id="container"  class="contnr">
				<div id="div1" class="d1">
					<img src="styles/main/menu_home.png" />
				</div>	
				<div id="div2" class="d2">
					<img src="styles/main/menu_contacts.png" />
				</div>
			</div>

[Naive]

первому блоку задай margin: auto и ширину, он разместится по центру. Второй блок сделай через position: absolute и спозиционируй куда надо через свойства top&right.
По дефолту будет позиционирование относительно вьюпорта, если надо относительно блока - контейнера, то контекст можно задать через position: relative для врапера