Trying to add space between social buttons

• 

  heatherkmagee · Member · May 25, 2015 at 9:51 pm

  • Copy link
  • Add topic to favorites

  I’m trying to add spaces in between my social buttons in the sidebar of my blog to no avail: http://curiouscontentment.com

  Here’s the code I’m using:

  <div><img title=”Twitter” src=”https://urbancowgirlvancouver.files.wordpress.com/2015/05/twitter1.jpg” alt=”Twitter” width=”32″ height=”32″ style=”float:left;” />

  <div><img title=”Twitter” src=”https://urbancowgirlvancouver.files.wordpress.com/2015/05/facebook.jpg” alt=”Twitter” width=”32″ height=”32″ style=”float:left;” />

  <div><img title=”Twitter” src=”https://urbancowgirlvancouver.files.wordpress.com/2015/05/instagram.jpg” alt=”Twitter” width=”32″ height=”32″ style=”float:left;” />

  <div><img title=”Twitter” src=”https://urbancowgirlvancouver.files.wordpress.com/2015/05/pinterest.jpg” alt=”Twitter” width=”32″ height=”32″ style=”float:left;” />

  Help please! :)

  The blog I need help with is: (visible only to logged in users)

• 

  micawbr · Member · May 25, 2015 at 11:35 pm

  • Copy link

  You could try some padding by adding this to the style part: padding-right: 10px;

  You can change the 10 to a larger or smaller number to suit your taste.

  Here’s an example with the padding added:
  <img title="Twitter" src="https://urbancowgirlvancouver.files.wordpress.com/2015/05/twitter1.jpg" alt="Twitter" width="32" height="32" style="float:left; padding-right: 10px;" />