title: Placing Text and Image Next to Each Other in Div - CSS
body: <p>I'm trying to place a piece of text right next to an image inside a wrapper div, but all of my attempts have failed so far, and has resulted in me using an image to accomplish what I'm trying to do. I won't post my failed attempts in code as to avoid confusion, but what I've got so far:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
  
    &lt;link rel="stylesheet" href="/css/header.css" /&gt;
  
      &lt;/head&gt;
  
  &lt;meta http-equiv="Content-Type" content="text/html; charset=big5" /&gt;&lt;/head&gt;
  
  &lt;body style="margin:0; padding:0;"&gt;
  
  &lt;div id="wrapper"&gt;
      &lt;div class="logo"&gt;&lt;img src="/images/logo-top.png"&gt;&lt;/div&gt;
      &lt;div class="linked"&gt;&lt;a href="http://www.linkedin.com/in/me" target="_blank"&gt;&lt;img border="0" src="/images/connect-linkedin.png" alt="LinkedIn Profile" width="217" height="23" /&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div id="header-bg"&gt; 
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#wrapper {
      postion: fixed;
      width: 940px;
      height: 66px;
      top: 0;
      left: 0;
      right: 0;
      margin-left: auto; 
      margin-right: auto;
      z-index: 1;
  
  } 
  
  
  
  .logo {
      height: 66px;
      width: 171px;
      float: left;
  
  }
  
  .linked {
      height: 23px;
      width: 217px;
      margin-top: 12px;
      margin-right: 0;
      left: 0;
      float: right;
  
  }
  
  
  #header-bg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 50px;       
      background-image: url("/images/header-bg.png");
      background-repeat: repeat-x;
      z-index: -1;
  
  
  }
  </code></pre>
  
  <p><strong>Which produces this:</strong>
  <a href="http://oi46.tinypic.com/2vmd9v8.jpg" rel="nofollow">http://oi46.tinypic.com/2vmd9v8.jpg</a></p>
  
  <p>^That's what I'm going for layout wise, but - I'd ultimately like to have "Connect with me on" and the LinkedIn logo separated into text and a logo image instead of one image clumped together.</p>
  
  <p>Your help is much appreciated.</p>