Stop dynamic div to push other elements <p>I have the following:</p> <pre><code>Text text text2 text text text text text text text. </code></pre> <p>At some point I am replacing this to this:</p> <pre><code>Text text &lt;div class="highlight" style="background-color:red;"&gt;text2&lt;/div&gt; text text text text text text text. </code></pre> <p>But it pushes the text, how can I make it stay in the same order as before?</p> <p>This is what I tried:</p> <pre><code>float:left; </code></pre> <p>And</p> <pre><code>parent().css('overflow', 'auto'); </code></pre> <p>It didn't work.<br> Do you know any solution?</p> <p>Thanks in advance.</p>