Почему этот промежуток над текстом? Я хочу это рядом с текстом

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;
}

По некоторым причинам изображение и текст появляются в двух разных строках! ~

Answer 1

Вы должны изменить это:

display:block;

К этому:

display:inline-block;

block ведет себя как любой элемент блока, толкая следующий ниже него. Вам нужно либо сделать его inline-block, создать его с плавающей запятой, либо убрать стиль блока вместе.

Answer 2

display: block преобразует интервал в блок (эквивалентный div), чтобы переместить следующие элементы в новую строку

Answer 3

Поскольку вы установили диапазон для отображения в качестве элемента уровня блока.Удалите display: block и это должно исправить.

Answer 4

Попробуйте дать span a float: left

на данный момент это элемент уровня блока, который переводит все остальное в следующую строку.

Кстати, я бы рекомендовал поместить   в диапазон, чтобы он отображался во всех браузерах.