Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to avoid text wrapping in a td with text and a right-floated label
    primarykey
    data
    text
    <p><a href="http://jsfiddle.net/a2kvU/" rel="nofollow noreferrer">http://jsfiddle.net/a2kvU/</a></p> <pre><code>&lt;table class="table table-bordered table-condensed"&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td class="nowrap"&gt;abc def ghi jkl&lt;span class="label label-info pull-right"&gt;123&lt;/span&gt;&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class="nowrap"&gt;abc def ghi&lt;span class="label label-info pull-right"&gt;456&lt;/span&gt;&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class="nowrap"&gt;abc def&lt;span class="label label-info pull-right"&gt;789&lt;/span&gt;&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class="nowrap"&gt;abc&lt;span class="label label-info pull-right"&gt;1000&lt;/span&gt;&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;td&gt;XYZ&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; .nowrap { white-space: nowrap; } </code></pre> <p>at most screen sizes, this looks something like</p> <p><img src="https://i.stack.imgur.com/DbRVD.png" alt="desired"></p> <p>at small screen sizes (and with sufficiently larger real text), this looks like</p> <p><img src="https://i.stack.imgur.com/qLp4C.png" alt="boo wrapping"></p> <p>note the wrapping on the left column. how can I force the left column to not wrap?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload