treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Image Align not working with h2 code?

  • Basically, one of the pages on my website is for video shots I have made. I would like the title of the video to be in but that seems to throw off aligning the image to the left of the text.

    How I want the image/text to align:
    http://aarongmoore.com/video/

    How it looks when I add the h2 tag:
    http://aarongmoore.com/video2/

    There must be a simple solution to this but I have yet to think it up. Help?
  • I'm a little confused?

    The difference between the two pages for me is the text is pushed down in video2. If that is the problem, your solution is doing a little tidying...


    <div id="contentbg">
    <div id="content">

    <a title="Swimming Lessons" rel="lightbox[set1 853 505]" href="
    onclick="javascript:_gaq.push(['_trackEvent','outbound-article','www.youtube.com']);"><img src="http://aarongmoore.com/wp-content/themes/MinimilistAstronomy/images/vsl.png&quot; title="Swimming Lessons" alt="Swimming Lessons" style="margin-right: 4px; margin-top:2px;" align="left"></a>

    <h2><strong>Swimming Lessons </strong>(<em>2010</em>)</h2>

    <p>This video short is about a man trying to say goodbye to his past. Based on the screenplay by David Oliver. <em>This is the last dramatic project I made as part of my BFA.</em></p>

    </div>
    </div>
  • It seems including the image in the code solves the issue.