Форум Сайтостроение Веб-строительство

Кнопки яндекса и текст в 1 ряд

Paxan911
На сайте с 14.07.2013
Offline
70
Paxan911
731

Помогите пожалуйста не могу разобраться,

мне надо что бы мой текст и кнопки от яндекса были в один ряд как на рисунке.

Как можно это реализовать? Читал документацию к сожалению не понял(

Код кнопок

<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>

<script src="//yastatic.net/share2/share.js"></script>

<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter" data-counter=""></div>

Быстрый хостинг - 50 рублей за 512МБ, ∞ сайтов и БД. Милая техподдержка. (https://goo.gl/uhv6aX)
Z0
На сайте с 03.09.2009
Offline
757
ziliboba0213
#1

Самое простое - засунуть в таблицу.

Либо через div и css float 🍿 

<div style='float: left; width: 100px'>Текст</div>

<div style='float: left; width: 200px'>Коды кнопок</div>

<div style='clear: both'></div>
Samail
На сайте с 10.05.2007
Offline
361
Samail
#2 

Текст - <div class="ya-share2" style="display:inline-block !important;" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter" data-counter=""></div>
Paxan911
На сайте с 14.07.2013
Offline
70
Paxan911
#3
ziliboba0213:
Самое простое - засунуть в таблицу.
Либо через div и css float 🍿 
<div style='float: left; width: 100px'>Текст</div>

<div style='float: left; width: 200px'>Коды кнопок</div>

<div style='clear: both'></div>

Огромное спасибо) Очень помогли.

А не подскажите как сделать что бы текст центровался по середине кнопок, а то сейчас вот такая ситуация:

Z0
На сайте с 03.09.2009
Offline
757
ziliboba0213
#4
Paxan911:
Огромное спасибо) Очень помогли.
А не подскажите как сделать что бы текст центровался по середине кнопок, а то сейчас вот такая ситуация:

Высоту у блоков поставьте: 

<div style='float: left; width: 100px; height: 30px'>Текст</div> 

<div style='float: left; width: 200px; height: 30px'>Коды кнопок</div> 

<div style='clear: both'></div>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий