title: CSS with Image Div and Text Div for the same baseline
body: <p>I'd like to place a Div for image and a Div for text at the same baseline.
  Below is my sample code and JSFiddle.</p>
  
  <p><a href="http://jsfiddle.net/xLrf7pyt/" rel="nofollow noreferrer">http://jsfiddle.net/xLrf7pyt/</a></p>
  
  <p><img src="https://i.stack.imgur.com/qD5wF.png" alt="enter image description here"></p>
  
  <pre><code>&lt;div class="wrap"&gt;
      &lt;div class="img"&gt;
          &lt;img src="http://www.cssportal.com/images/cssportal.png" /&gt;
      &lt;/div&gt;
      &lt;div class="txt"&gt;
          This is text.
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;style&gt;
      .wrap { width: 500px;}
      .img { float: left; }
      .txt { }
  &lt;/style&gt;
  </code></pre>
  
  <p>============ Update ================</p>
  
  <p>Originally, there should be some empty space between image (logo at left-top corner) and text (navigation at right-top) with same baseline with image logo.</p>