CSS word break problem

In the trending area words aren't breaking correctly and as you can see the tags are cut off. How can I fix this?


Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

You are using a list the li default is display:inline which means it is supposed to wrap to the next line.  If you don't want it to wrap then you could try display:inline block and see if that helps. Otherwise try adding white-space:nowrap to all those individual classes you have created.

I don't believe I have ever seen a page where each element in a list has its own class.  That really defeats the whole point of using CSS because you are not cascading.  And simple maaintenance like you have here means changing every element instead of just one higher level rule.

In any case you might also look at an altrnate structure using block elements with float left, but then you get into a width issue that creates new problems.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
rjjiggAuthor Commented:
white-space:nowrap worked on the li. You dont have to add styling to individual classes, but you can if you want to.

When working with CMS's, sometimes you get a ton of crap output. Stripping that is part of the process unfortuantely.

Thanks for the help, it worked!
>>> When working with CMS's, sometimes you get a ton of crap output

Of that we arw well aware because we spend half our time trying work through it here on EE.  I personally don't have a problem with CMS's because when I am doing a site where CMS is appropriate use my own very think framework that is implemented to dinosaur standards.  It took time to slowly develop over a number of projects, but is worth the effort.  If you are in web dev for the long term, you might find that spending downtime, creating your own custom environment is time well spent and will put money in your pocket down the road.

Anyway, I'm glad we got is sorted out. :^)

It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.