3

Подскажите, плизз, я в HTML не очень шарю, нужен тег типа присоединения или пробела (чтобы было в одной строке) вот так

снимок

А то у меня вот так выглядит

снимок

Заранее спасибо!

2
  • 5
    Вот готовое решение: [Блок «Поделиться»][1]. [1]: api.yandex.ru/share
    – user3545
    24 сен 2011 в 14:39
  • Напишите хотябы код а не тупо картинками...
    – user3545
    24 сен 2011 в 15:03

4 ответа 4

3

html:

<div class="social">
   <div class="vk"><!--здесь код кнопки--></div>
   <div class="mail"><!--здесь код кнопки--></div>
   <div class="ok"><!--здесь код кнопки--></div>
</div>

css:

.vk,.ok,.mail{float:left;margin:0 10px;}
2
  • Если кнопки без счетчиков то абсолютно правильное решение
    – user3545
    24 сен 2011 в 15:21
  • какая разница, счётчики или нет?
    – deamondz
    24 сен 2011 в 15:27
1

Можно использовать display: inline-block для элементов.

0
1

Пример расположения элементов в одну строку:

.box div { width:90px; display:inline-block; }
  <div class="box">
    <div>#1 Первый</div>
    <div>#2 Второй</div>
    <div>#3 Третий</div>
  </div>

display - многоцелевое свойство, которое определяет, как элемент должен быть показан в документе. Значение inline-block - генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно строчному элементу.

1
0

пробел можно использовать alt+0160(на нумпаде) вопрос в том, как ты их размещаешь... код выложи, посмотрим, что с ними сделать)

1
  • если вы так каждый раз пишете пробел, мне вас жаль. используйте <pre>&nbsp;</pre>
    – deamondz
    24 сен 2011 в 15:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.