Tell me, plizs, I’m not really going around in HTML, I need an attachment or space type tag (to be on one line) like this

snapshot

And then I look like this

snapshot

Thank you in advance!

  • five
    Here is a turnkey solution: [Share Block] [1]. [1]: api.yandex.ru/share - Zowie
  • Write at least a code and not stupidly with pictures ... - Zowie

4 answers 4

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;} 
  • If the buttons are without counters, then absolutely the right decision - Zowie
  • what's the difference, counters or not? - deamondz

You can use display: inline-block for elements.

    An example of the arrangement of elements in one line:

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

    display is a multipurpose property that determines how an element should be displayed in a document. inline-block value - generates a block element that is wrapped around other web page elements like a line element.

    • Someone farms necromancer =) - Duck Learns to Take Cover

    space you can use alt + 0160 (on numpad) the question is how you place them ... put the code, see what to do with them)

    • if you write a space every time, I feel sorry for you. use <pre> & nbsp; </ pre> - deamondz