Html 将DIV元素放置在父TD中的SPAN元素旁边

我正在努力将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>

测试

另外一个要求是，我需要设置div元素相对于父td元素而不是span元素的余量

请告知

---

谢谢

您可以使

span

成为块级元素

示例

span {
    display: block;
}

尝试：

---

这将使div成为一个像span一样的内联元素，并且两者将并排放置。您可能还需要更改表的显示。

使跨度显示线。这会将其放置在div.旁边，或使其显示：block，然后浮动跨度。（浮动：左；）

您必须做三件事：将

和

的显示设置为

内联块

。这将确保它们位于同一条线上。然后从

中删除边距。最后将

宽度添加到
中。现在
与
左侧的距离正好为150px

演示

user1913544以后，请发布实际代码，而不是图像。（谢谢你把它打出来。）
div {
    display: inline;
}

 span {
    display: inline-block;
 }

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