Spaces between icons (icons are near to each other)


#1

Hi! I want to create 3 simple icons on my header and i got stuck with the spaces between them. Icons just stand near to each other.How can I fix this? Thank you.

Menu code:

#menu ul {margin-top:30px;margin-left:30px;float:left;width: 100%}

Icons code:

<div id='menu'><ul><div style='float:left'><a class='feed-link' href='###'><img height='18' src='###'  width='18'/></a></div>

<div style='float:left'><a class='feed-link' href='###'><img height='18' src='###' width='18'/></a></div>

<div style='float:left'><a class='feed-link' href='###'><img height='18' src='###' width='18'/></a></div></ul></div>

#2

Add this CSS in your blog:

.feed-link{
  padding-right:10px;
}

Now see. You will some spaces between your icons. :smile:


#3

It works properly. Thanks a lot! Good luck!


#4

Welcome @StanVick. :smile: Keep asking questions!