Поместите элемент DIV рядом с элементом SPAN внутри родителя TD

Question

Я изо всех сил пытаюсь поместить элемент div рядом с элементом span внутри родителя.

В настоящее время элемент получает отображение в виде элемента span. Мне нужно, чтобы он отображался рядом с элементом span.

Вот структура HTML я использую:

<td> 
    <a align="right"><img></a> 
    <a align="right"><img></a> 
    <img> 
    <a><img></a> 
    <span id="labelSpan">test</span> 
    <div id="headerDiv" style="margin-left:150px;"> 
    <table><tbody><tr><td></td></tr></tbody></table> 
    </div> 
</td> 

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

Просьба сообщить.

Спасибо!

Answer 1

Try:

div { 
    display: inline; 
} 

Это сделает ДИВ встроенный элемент, как пролет и два будет сидеть бок о боке. Возможно, вам также придется изменить отображение таблицы.

Answer 2

Вы можете сделать span элементом уровня блока.

Пример

span { 
    display: block; 
} 

Answer 3

Сделайте линию отображения диапазона. Это поместит его рядом с div. Или сделайте это отображение: блок, а затем поплавок. (С плавающей точкой: слева;)

span { 
    display: inline-block; 
} 

Answer 4

Вы должны сделать три вещи: Установите дисплей <span> и <div> к inline-block. Это гарантирует, что они оба находятся на одной линии. Затем удалить с <div>. Наконец, добавьте width в <span>. Теперь <div> - это точно 150px вдали от левой стороны <td>.

td > span { 
    display: inline-block; 
    width: 150px; 
} 
td > div { 
    display: inline-block; 
} 

Demo

Try before buy