title: How to align two anchor tags with text horizontally next to each other?
body: <p>I'm working on a website, i need to put anchortag with text side by side. I tried, but i get the two images first and then the two text horizontally.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="section"&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;a class="bt btleft" href="#"&gt;&lt;img  src="jqe13/image/web.png" 
              id="photoSelect" /&gt;web&lt;/a&gt;
             &lt;a class="bt btleft" href="#"&gt;&lt;img title="Facebook"  src="jqe13/image
     /Facebook1.png" /&gt;Download&lt;/a&gt;
  
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>  #section {
    width: 82%;
     margin: 15px auto 0 auto;
      padding: 2%;
      border-radius: 12px;
      border: 1px solid #e0e0e0;
      }
  </code></pre>
  
  <p>how can i get the image and text side by side? </p>