Note that there are some explanatory texts on larger screens.

plurals
  1. POBreaking lines between labels in IE
    primarykey
    data
    text
    <p>I'm having a funny issue with IE. I have a big page, where part of the code is something like this:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;table width="100%" border="0" cellSpacing="0" cellPadding="0"&gt; &lt;tr&gt; &lt;TD style="PADDING-RIGHT: 2px" &gt;Label: &lt;/TD&gt; &lt;TD &gt; &lt;LABEL style="WHITE-SPACE: nowrap"&gt; &lt;INPUT type="radio" name="inputs" /&gt; input 1 &lt;/LABEL&gt; &lt;LABEL style="WHITE-SPACE: nowrap"&gt; &lt;INPUT type="radio" name="inputs" /&gt; input 2 blah bblah &lt;/LABEL&gt; &lt;/TD&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Then, when I change the width of the page, I want the radio buttons+label to break in a second line. That works fine with all browsers, and in IE with the code I'm using as example. The thing is that is the same, except for other stuff in the page, and it has another table around the table in my example. But, it does not break. The two radiobuttons+lable always stay in the same line. But, when I put <code>&amp;nbsp;</code> between the end of the first label and beginning of second, it breaks but adds a space at the beginning of the second line. I don't want to copy the whole page, but I was wondering if someone would have a brilliant idea on how to solve this..</p> <p>Thanks for reading!</p> <p>Update: I noticed that if I remove the <code>style="WHITE-SPACE: nowrap"</code> from the first label, the second radio button+label will break to the next line. But it will probably break in case "input 1" text is too big (and I want to avoid that). so I'm not really sure how to prevent that.</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.
 

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