Apply Margins Making Text Not Wrap

[BoulderBum]

I'm using a technology that pumps out a repeated set of span tags that end up looking like:

<span style="white-space:nowrap;">[b]content here[/b]</span>

It works great, but I tried to space out the area between the spans by setting its margin or padding in CSS (e.g. padding: 10px, 10px, 10px, 10px). Unfortunately, doing so makes it so that all of the elements end up on the same line, and 1/2 of the elements end up off the screen!

Naturally without the padding/margin, everything cleanly goes to a new line when it overflows the page.

What the heck is going on? Is there a way to add padding to the elements without seeing this quirk?

 

[BillyRayPreachersSon]

I'm not entirely sure whether this:

padding: 10px, 10px, 10px, 10px;

is valid CSS or not. Try removing the comma seperators to have just:

padding: 10px 10px 10px 10px;

which can be made even simpler:

padding: 10px;

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[rpgfan3233]

It's not valid CSS. Try typing it into the CSS Validator textarea.

 

[BoulderBum]

Oops. Thanks for that.

I did make that correction, but the weird nowrap-no-longer-working issue still exists. :-(

Any ideas?

 

[BoulderBum]

Actually I should clarify: once applying padding, none of the spans end up flowing when the page becomes too small: all of the elements are on a single line which goes off the page.