Question

<td valign="center" colspan="2">
        <a href="" class="table_desc" >
        <span class="desc_info_butt"></span>
        </a>
        text here
</td>


.desc_info_butt{
background:url(Description_Button.png) top left no-repeat;
height:16px;
width:16px;
display:block;
}

For some reason, the image and text appear on two different lines!~

Answer 1

You need to change this:

display:block;

To this:

display:inline-block;

block behaves like any block element, pushing the next one below it. You either need to make it an inline-block, float it, or take away the block styling all-together.