AuctionTemplates.org

Cascading Style Sheets CSS and word wrap?

hi, i am trying to get a line of text to wrap instead of overlap over itself so it's illegible, i have tried word-break and word-wrap without success in my css file, any ideas on what to do? Here's what it looks like: http://www.southerncaliforniarealestateagent.com/images/realestate-overlap.gif Here's the web address: http://www.southerncaliforniarealestateagent.com/submit-real-estate-articles/ thanks, jr

Public Comments

1. word-wrap is an IE only thing. it isn't css compliant yet. bunch of workarounds available, but this will give you what you want. Edit you css file and put this in there in place of .catroot and .catsub: .catroot { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; margin-top: 5; margin-bottom:5; color: #333333; } .catsub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; margin:0px; word-wrap: break-word; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ } Then remove all of the br tags that are after each link. That should give you what you want.