停止动态div以推送其他元素

Question

我有以下内容:

Text text text2 text text
text text text text text.

在某些时候,我将此替换为:

Text text <div class="highlight" style="background-color:red;">text2</div> text text
text text text text text.

但它推动文本,我怎样才能使它保持与以前相同的顺序？

这是我试过的:

float:left;

和

parent().css('overflow', 'auto');

它没用.
你知道任何解决方案吗？

提前致谢.

Answer 1

你有两个解决方案:

1)只需使用span而不是div

2)您可以使用,div但必须定义以下样式

div.highlight {
  display:inline;  
}

在这里您可以找到第二个解决方案的演示:http://jsfiddle.net/smWvA/2/