Как a одну строку вставить кнопки?

[blogmarketologa]

Здравствуйте. Подскажите пожалуйста как выровнять в одну строку все кнопки соц сетей. Не могу понять где ошибка.

Сам код:

<div class="socials">

<div class="social svkontakte"><div id="vk_like">

<script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button", height: 20});</script></div>

</div>

<div class="social sgoogle"><g:plusone size="medium"></g:plusone></div>

<div class="social stwitter">

<a href="httpstwitter.com/share" class="twitter-share-button" data-via="blogmarketologa" data-lang="ru">Твитнуть</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

</div>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>

<div id="linkenid"><script type="text/javascript" src="httpplatform.link.../script><script type="in/share"></script></div>

</div>

Стили:

.socials {

height: 22px;

width: 700рх;

margin-bottom: 10px;

margin-left: 60px;

margin-top: 3px;

position: relative;

}

.social {

position: absolute;

}

.sgoogle {

left: 140px;

}

.stwitter {

left: 210px;

z-index: 100;

}

.fb-like {

left: 310px;

}

.linkenid {

left: 610px;

}

В итоге последняя кнопка съезжает на строчку вниз. А должны быть в один ряд и от центрованы.

В живую на http://blogmarketolo...onkurentov.html внизу статьи.

Подскажите пожалуйста, очень нужно красоту навести.

[hypnocolor]

У вас на странице кнопке с Линкедином задан идентификатор, а в css он внезапно стал классом. Сделайте на странице класс вместо идентификатора, а в css попробуйте такой стиль:

.linkenid{
   left: 430px;
   display: inline;
   position: absolute;
}

Ну и, наверное, всё же linkedin, а не linkenid.

[blogmarketologa]

Спасибо, но не то. Все равно на вторую строку сползает

[by chris]

.sgoogle {
    left: 422px;
    top: 0;
}

[blogmarketologa]

.sgoogle {
left: 422px;
top: 0;
}

Спасибо. Все встало как и должно быть