как удалить разрыв строки между тегом span в HTML

похоже, что теги <span> заставляют новый разрыв строки внутри моего <td>. как вы обычно это исправляете?

<tr>
<td> date</td> <!--date--> 
<td> <span class="icon1"> <img here> </span> | <span class="icon2"> <img here> </span> </td> <!--action-->
</tr>

[обновление = добавлено css]

.icon1{
    width:22px;
    height:22px;
    background-color:#eb2960;
    display:block;
    border-radius:4px;
    cursor: pointer; cursor: hand;
}