Solving line-breaking problem
While lunching new web site of company I work for - clevis.cz (which looks so awesome thanks to Josef Richter) - I run into a problem I had problem to solve semantically.
If you look at our site there’re headlines like this one:
I really love their style. However they introduce a problem. The text is specifically divided into two (or more) lines just to look better. No semantics in it at all. What to do with it?
On my personal site - honzasladek.com - I run to the same problem and tried to solve it with specifying precise width. I know, this attempt was doomed to fail. But it worked with some problems on Mac and Windows alike. But Opera sometimes just didn’t render a word on the next line, line-height got broken in several browsers and other horrible things happened.
This wasn’t the best way to go. Tired of it I used <br />, which I’m ashamed of till now, but didn’t find the time to change it yet.
On Clevis.cz I used <span> elements with display:block; for certain parts of text to cause the line-break. I’m not completely happy with it but it solves the problem and it doesn’t do anything when styles are off. (But the code isn’t as clean as it could be, you know ;))
Unfortunately I can’t think of any better solution. Can you?
