CSS wrap behaviour white-space

Question

I have the following:

I don't want to break the tags, so I specified the white-space: nowrap option to the span. However, now I have the following problem: the line doesn't break at all.

How can I fix this?

Relevant HTML:

 <td class="tags-column"> <span class="library-tags"><i class="fa fa-tag"></i>&nbsp;test</span> .... </td> 

Answer 1

Add the following style to .library-tags :

.library-tags {
  display: inline-block;
  float: left
}