Остановить динамический div, чтобы подтолкнуть другие элементы

У меня есть следующий:

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');

Это не сработало.
Вы знаете какое-нибудь решение?

Заранее спасибо.