Text Wrapping Around An Image

• 

  nicksalbumreviews · Member · Mar 3, 2013 at 3:47 pm

  • Copy link
  • Add topic to favorites

  Hi, I was wondering if there was any if I could fit text alongside the picture in this particular post:

  http://nicksalbumreviews.wordpress.com/2013/02/28/my-top-ten-steven-wilson-albums/

  On the right-hand side, just adding text to explain why I chose that album…so on and so forth. I’ll be grateful if anyone can help me on this.

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

• 

  justpi · Member · Mar 3, 2013 at 4:00 pm

  • Copy link

  Since you’ve added the divs for the divider lines, it’s very easy.
  a) You’ll change the alignment of all the images from alignnone to alignleft, so that text can wrap around.
  b) You’ll add the clear property to the divs, to cancel the wrap around effect after each accompanying text. Turn these:
  <div style="width:75%;ETC ETC
  to
  <div style="clear:both;width:75%;ETC ETC

• 

  nicksalbumreviews · Member · Mar 3, 2013 at 4:13 pm

  • Copy link

  Ah ok, I’ve just tried it out and it works, thank you ever so much I’ve been trying to figure it out for ages.

  Again, thank you so nuch!

• 

  justpi · Member · Mar 3, 2013 at 4:27 pm

  • Copy link

  You’re welcome. You understand that the key is the clear:both command. Without it (as you probably had found) no. 2 would start next to the first image instead of below it.

• 

  nicksalbumreviews · Member · Mar 3, 2013 at 4:31 pm

  • Copy link

  Yes, I do understand that now. I’m not very well-knowledge in all things HTML and coding, but I am learning slowly.

  Again, many thanks!