Wonky alignment of posts in centre column, help?

• 

  leoniesavvides · Member · May 20, 2011 at 1:10 pm

  • Copy link
  • Add topic to favorites

  Hiya,

  Wondering why when I add space (here it’s 1em) to my “.center-column img” code so that there’s space between the posts it makes the alignment go wonky. You can see the wonkyness here:
  http://leoniesavvides.com/

  Can you help me make it straight again?

  Thanks

  Leonie

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

• 

  devblog · Member · May 20, 2011 at 3:30 pm

  • Copy link

  If you want “flexible” units, do not use “em” for spacing, margins or paddings; use “%” instead. For fixed values, use “px” units.

  Try reducing the margin to something like

  .center-column img {
  margin: 5px;
  }

  Also, I’m sure you know it, but writing the property value will add a margin of xx value to all 4 sides of the element – hence, affecting the overall width of the element. If you just want to add a margin to the left of the image, then this should suffice:

  .center-column img {
  margin-left: 5px;
  }

• 

  leoniesavvides · Member · May 21, 2011 at 10:23 pm

  • Copy link

  I used your tip (px instead of em) and then also had to make my vimeo embeds wider in each individual post and voila!

  Thanks so much :)

  L