Выравнивание двух элементов на одной строке

[Stephanvs]

Вопрос к форуму такой. Нужно выровнять на одной строке переводчик Google и блок ссылок.
Overall_header.html:

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

<div id="wrap" class="page-width">
<div>
<!-- ENDIF -->

		<!-- EVENT overall_header_navbar_before -->
				<div id="google_translate_element" class="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ru', includedLanguages: 'ar,de,el,en,es,fa,fr,iw,ja,pt,ru,tr,zh-CN,zh-TW', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div id="logo" class="servicelinks" style="text-align:right; font-weight:bold;"><a href="http://sletat.ru" target="_blank" title="Заказ туров" style="color:#9966FF; float: center; text-align: center;">Заказ туров</a> | <a href="https://airbnb.ru" target="_blank" title="Снять жильё" style="color:#996600; float: center; text-align: center;">Снять жильё</a> | <a href="http://www.rentalcars.com/ru" target="_blank" title="Аренда автомобиля" style="color:#CC3333; float: center; text-align: center;">Аренда автомобиля</a> | <a href="https://booking.com" target="_blank" title="Бронирование отеля" style="color:#993399; float: center; text-align: center;">Бронирование отеля</a> | <a href="http://www.alfastrah.ru/individuals/travel/vzr2" target="_blank" title="Страхование выезжающих за рубеж" style="color:#663399; float: center; text-align: center;">Страхование выезжающих за рубеж</a></div>
		<!-- INCLUDE navbar_header.html -->
	</div>

Custom.scss (для переводчика был создан класс, чтобы можно было задавать ему параметры стиля):

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

.google_translate_element {width: 50%;float: left;}
.servicelinks {width: 50%;float: right;}

Как это выглядит на сайте:

dsfdsf.png

Как выровнять эти два элемента строго на одном уровне? Или сама высота блока переводчика уже не позволяет этого сделать? Спасибо!

[Sheer]

Что значит на одном уровне? Или вы его хотите в блок ссылок впихать?
ЗЫ. Корячить файл шаблона, когда в этом месте, куда вы суете свой код, есть событие шаблона, это нонсенс!

[LavIgor]

Есть такая штука, как отрицательные отступы.
Попробуйте margin-top с отрицательными значениями px.

[Stephanvs]

А кто может подсказать, как сделать так, чтобы на небольших мониторах блок ссылок не переносился на следующую строку, а сдвигался ближе к переводчику? Если задать ему width: auto, то он хотя и подстраивается под разрешение, но становится на уровень ниже, чем переводчик. Спасибо.

[romaamor]

А не проще мобильный стиль установить с переходом от Анвара ?

[Stephanvs]

Я веду речь о маленьких мониторах компьютеров.

[romaamor]

Я веду речь о маленьких мониторах компьютеров.

Ну и ? Автоматом под расширение экрана станет.

[Stephanvs]

Блок ссылок переносится на следующую строку на маленьких разрешениях.