Question

I’m working on a design where the strong tag is meant to send whatever comes next to the next line. The CSS looks like this:

strong { display: block; }

The html is something like this:

<p><strong>foo</strong> bar.<p>

The problem: The blank space between the strong tag and the text that follows shows up in the next line as an unintended indent. I’m thinking, there’s a way to delete the blank space right after the strong tag with jQuery. How can I do that?

Note: I can’t reproduce this problem with a Fiddle, so I can’t tell if it’s actually the space that’s causing the indent.

Answer 1

Since you don’t have a fiddle of your problem, I’ll toss this out…

IE has a quirk, at least in quirks mode, where white space between elements is rendered. The solution is to break up the HTML in such a way to keep white space out of the markup..

An example…

<a
href="linkk1">This is my test</a><a
href="linkk2">Another</a><a
href="linkk3">Yet another</a>

See if that helps.