I just ran across a problem where I needed to ignore/disable <br> tags. Here’s the situation – I use CSS to spice up my <code> tags in this blog, but when I add new entries it adds a <br /> after every line feed; this normally wouldn’t be a problem but I use ‘white-space: pre’ to keep my code indents. ‘white-space: pre’ is like using a <pre> tag for your element, so both line feeds and <br /> tags are converted to new lines. After searching on the net for a bit I realized that people are over complicating the answer – just change the line-height to 0px:
code br{
line-height: 0px;
}
line-height: 0px;
}
« Storing IP Addresses in MySQL with PHP Drop Down Flash Menu in Pure Actionscript »
Or even
<code>code br{ display:none; }</code>
This isn't working for me. In any browser I try, I have a new line as usual. I am, however, not using the code in a pre tag or set the whitespace to pre in the stylesheet, I'm just trying to remove a single newline.
Matthew, have you tried "me not him"s suggestion?:
br{ display:none; }