whitespace nowrap on span

html css whitespace nowrap
Mina picture Mina · Nov 19, 2014 · Viewed 42.2k times · Source

In this case:

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

I want to get the line break when necessary on my Text but I don't want my span to get on a new line, I want it to always stick to part of the text. How can I do it?

Thanks,

Answer

Mina picture Mina · Nov 19, 2014

How I solved my problem by putting one span into the other:

<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 JSFiddle.

Related questions

Render a string in HTML and preserve spaces and linebreaks

I have an MVC3 app that has a details page. As part of that I have a description (retrieved from a db) that has spaces and new lines. When it is rendered the new lines and spaces are ignored by …

Read More
Remove "whitespace" between div element

This is my HTML code <div id="div1"> <div></div><div></div><div></div><br/><div></div><div>&…

Read More
Ignore whitespace in HTML

Is there anything in HTML/CSS that tells the browser to ignore whitespace completely? So many times when you want to put, say, two images next to each other - you try desperately to keep the HTML readable, but the …

Read More