title: css technique for a horizontal line with image in the middle
body: <p>I want to draw a horizontal line with image in the middle.
  I have referred to <a href="https://stackoverflow.com/questions/5214127/css-technique-for-a-horizontal-line-with-words-in-the-middle">stack question</a> , it works great for text but when i add image instead of text, it doesn't works for me. 
  Here is the <a href="http://jsfiddle.net/rigid/87M5u/" rel="nofollow noreferrer">js fiddle</a></p>
  
  <pre><code> .footer_bottom { 
      width:100%; 
      text-align:center; 
      border-bottom: 2px solid #cec5ba; 
      line-height:0.1em; 
      margin:10px 0 20px; 
  } 
  .footer_bottom img { 
      padding:0 10px; 
  } 
  
  &lt;div class="footer_bottom"&gt;&lt;img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Google.png/250px-Google.png" alt="Artisan House"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>ANy help is really appreciated.</p>