title: Text and image in div - How to align correctly?
body: <p>I have text and image inside a div and I want the text to be aligned at the top of the image, not the middle. </p>
  
  <p>Here's how it looks: <a href="http://bitly.com/VSSoul" rel="nofollow">http://bitly.com/VSSoul</a></p>
  
  <p>CSS: </p>
  
  <pre><code>.book1 {
      width: 100%;
      overflow: auto;
  }
  
  .book2 {
      width: 100%;
      overflow: auto;
  }
  
  .book1 img {
      float: right;
      width: 150px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
  }
  </code></pre>
  
  <p>How do I make the text go to the top of the div, and not center relative of image?</p>