[Zelenkoff]

Решил я отказаться от всех плагинов и установить кнопки от соц-сетей напрямую, с этим проблем не возникло. Появилась новая проблема, как выставить их в ряд? Код самих кнопок выглядит так:

Код HTML:

<div id="vk_like"> <p style="text-align: center;"><script>// <![CDATA[
VK.Widgets.Like("vk_like", {type: "button"});
// ]]></script></div> <div id=»twi»> <a class="twitter-share-button" href="https://twitter.com/share" data-via="Dailsky" data-lang="ru">Твитнуть</a> <script>// <![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
// ]]></script></p></div> <div id=»face»> <div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div></div> <div id=»g_pl»> <div class="g-plusone"></div> </div>

Код из таблицы стилей:

Код HTML:

#vk_like{
float: left;
padding-left: 30px;
}

#twi{
float: left;

}

#g_pl{
float: left;

}

#face{
float: left;

}

Получается вот такая картина:
Подскажите, как поставить их в один ряд?

[Dolmatov]

пиши в icq 396-706 помогу

[Faraday]

Попробуйте указать каждому блоку ширину в пикселях примерную, и display:block;

[Dolmatov]

Не <div id=»face»>
А
<div id="face">

---------- Сообщение добавлено 13:55 ---------- Предыдущее 13:54 ----------

Там ещё div посмотреть нужно, может туда куда вставляете размер 200px, из за этого кнопки и уходят.

[Zelenkoff]

Dolmatov, Спасибо большое, ваш совет помог