CSS Word Wrap

[Krewe]

Hey Guys, I am having some issues with wrapping stuff to a new line when it reaches the max width. I have my blog set up displaying all of the tags in a single div, and when the first line reaches the max width the next tag should jump to the next line. (Attached is what is happening in Chrome and Firefox) Here is the code to display: and here is the CSS for the tagHolder:

p.tagHolder{margin-bottom:5px;line-height:25px;white-space: pre;}

In firefox it doesn't even wrap, in chrome it wraps but part of the span stays on the line before it wraps. Any help would be awesome, thanks!Krewe

Edited September 12, 2012 by Krewe

[ShadowMage]

What if you just get rid of the white-space property? By default, spans should wrap to a new line when they cannot fit on the current line (since they are inline elements).

[Krewe]

It fixes the firefox problem (kinda) but now in both browsers they partially break to a new line, the elements don't break fully.Attached is the new chrome image, won't let me upload both. However, they look very similar, except firefox doesn't put the sh- on a top line.

Edited September 12, 2012 by Krewe

[ShadowMage]

Can you post the output HTML?

[Krewe]

People on stack fixed it

span{display:inline-block;}

Was all I need!