Space in space

Question

In this case:

<td> Some Text <span class="Icon"></span> </td> 

I want to get a line break when it is necessary in my text, but I do not want my run to appear on a new line, I want it to always adhere to part of the text. How can i do this?

Thanks,

Answer 1

How I solved my problem by putting one gap in another:

 <table style="width:100px"> <tr> <td> I am Showing you what <span style=" white-space: nowrap;">I meant <span> Blah Blah </span></span> </td> </tr> 

Check out the JSFiddle .

Answer 2

Replace all spaces before the span one unallocated space (if you want some distance to appear between your text and any visualizer that you created in the span style, if no space is required, omit   ).

 <td> Some Text&nbsp;<span class="Icon"></span> </td>