Html code for creating space between pic & post

Discussion in 'CSS' started by aspire, Jan 9, 2009.

  1. #1
    Example post

    In the example post the boundary of the pic (right side) and the boundary of the text (left side) are touching each other.

    I want to have some space between the point where the text is displayed and the pic. i.e. the post should be a little away from the pic and there should be visible space between them.

    What should I do ?
     
    aspire, Jan 9, 2009 IP
  2. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #2
    <img src="blabla.jpg" style="padding-right:10px" />Here's your text.

    It might be more complicated depending on your site layout, but that should do.
    You might also need to add padding-bottom if your text wraps around the pic. It would be nicer to do it from a separate css file, but there's no real problem using inline styles, especially if you're only using the style once.
     
    Kerosene, Jan 9, 2009 IP
    aspire likes this.
  3. aspire

    aspire Well-Known Member

    Messages:
    4,003
    Likes Received:
    76
    Best Answers:
    0
    Trophy Points:
    175
    #3
    Thanks for help. Rep added :)
     
    aspire, Jan 9, 2009 IP