title: Align Elements HTML/CSS float or display: inline-block
body: <p>Can anyone help me out with this problem?
  You can't change HTML structure, but you have to adjust CSS in order for this to be in same line if that's possible...</p>
  
  <p>Thanks in advance!</p>
  
  <p>Here's the problem:</p>
  
  <p><a href="http://jsfiddle.net/NgfSF/24/" rel="nofollow">http://jsfiddle.net/NgfSF/24/</a></p>
  
  <pre><code>.description {
      display: inline-block;
      float: left;
  }
  
  .description1 {
      display: inline-block;
      float: left;
  }
  
  img {
      background-color:#FFF;
      width:40px;
      height:40px;
      display:inline-block;
      border:solid black 1px;
      float: left;
  }
  </code></pre>
  
  <p>EDIT: 
  For the one who will need this in the future, text has to be display: block and image just float, left or right. </p>