Как добавить несколько кнопок в 1 строку (CSS)? [Дубликат]

0

Я не могу добавить несколько кнопок в одну строку, хотя я много раз пробовал.

Это мой код:

<div class="fb-like" data-href="https://www.facebook.com/xxx" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

<div class="g-follow" data-annotation="none" data-height="24" data-href="//plus.google.com/u/0/105096562375742" data-rel="publisher"></div>

<a href="https://twitter.com/twittert" class="twitter-follow-button" data-show-count="false" data-lang="en" data-size="large">Follow @twitter</a>

Пожалуйста, помогите мне ! Спасибо !

Теги:

1 ответ

3
Лучший ответ

Элементы Div всегда являются элементами уровня блока. Это означает, что они будут отображаться на своих линиях. Чтобы отображать их как встроенные элементы, вам нужно будет установить display: inline; свойства css display: inline; (или inline-block зависимости от конкретного поведения, которое вы хотите) в рассматриваемых div.

  • 0
    Можете ли вы рассказать подробнее, пожалуйста?
  • 0
    Я действительно не знаю, какие подробности есть - в вашем CSS вам нужно применить display: inline; к каждой из кнопок. Я бы сделал это, дав им всем дополнительную button класса и применив правило к этому классу, но вы можете ссылаться на них по их классам или даже по идентификаторам - display - это свойство, которое вам нужно изменить.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню