title: Vertical positioning of text in table cell
body: <p>When I place an image followed by text in a table cell, the vertical alignment of the text shifts down compared to text in adjacent cells. I tried using a <code>line-height</code> CSS property, but it didn't seem to have an affect.</p>
  
  <p>In the following example, I need "123 Description" to be flush with "cell one." Also, there is a space between the image and "123" by default. How can I adjust that - negative margins perhaps?</p>
  
  <pre><code>&lt;html>
  &lt;head>
      &lt;style type="text/css">
          table { border-collapse: collapse; }
          td { border: thin solid; width: 10em;}
          /* .adjust-text { line-height: 1.3em; } */
      &lt;/style>
  &lt;/head>
  &lt;body>
      &lt;table>
          &lt;tbody>
              &lt;tr>
                  &lt;td>cell one&lt;/td>
                  &lt;td>
                     &lt;img src="small-star.png" />
                     &lt;span class="adjust-text">123 Description&lt;/span>
                  &lt;/td>
              &lt;/tr>
          &lt;/tbody>
      &lt;/table>
  &lt;/body>
  &lt;/html></code></pre>