带有文本环绕的单元格中的div

Question

我在表格的单元格中有一个div，我用它来链接到其他地方。麻烦的是，它没有像常规链接那样排队等候。有关如何将文本和div全部显示在一起的任何想法都会出现在行中吗？

<td>Watch videos over the <div class="bodyLinks" id="chemvidslink">metric system and dimensional analysis</div>.</td>

Answer 1

由于div默认是块级元素，因此通过CSS将其更改为内联元素：

td div {
    display:inline;
}

<强> jsFiddle example

Answer 2

我建议使用span而不是div。这会容易得多。

<td>Watch videos over the <span class="bodyLinks" id="chemvidslink">metric system and dimensional analysis</span>.</td>

FIDDLE

Answer 3

使div成为内联元素。

display: inline

内联元素以内联方式显示。例如，如果这是一个链接，它将是内联的。如果下面有图像，则不会。内联元素与其周围的文本内联。