Question

existing code which I cannot modify, here expand class is a just a functionality which on click helps user to expand collapse a function.

<h3 class="expand"> TREE </h3>

Now what I have to do is put a text(Root) with smaller font size after Tree in same line whose visibility will be controlled by javascript.

<h3 class="expand"> TREE <div id="root" style="display:none"><font size="2"> Root</font></div></h3>

Javascript functionality is working fine but Tree and Root are not coming in 1 proper line!
And yes I cannot change h3.

Answer 1

instead of div use a span tag

<h3 class="expand"> TREE <span id="root" style="display:none"><font size="2"> Root</font></span></h3>