Wordwrap problem of mozillas inline-box

pex — Mon, 05 Nov 2007 12:10:55 +0000

As Firefox and its friends don’t support the normal “display: inline-block” feature of css, it got its own syntax which is called “display: -moz-inline-box”. In most cases you can use it without seeing a difference to the standard CSS-syntax.
One of the bugs is that your element won’t have an automatic break at the end of the line but behaves somehow like “white-space: nowrap”.
The other bug which I will kill by now appears when your inline-block Element doesn’t have a content.
For example when the background is set with CSS and you don’t want anything else to be displayed. Or if you are using Javascript to fill the element.
Anyway Firefox would ignore the line-height and put your element in the next line.
Perhaps you didn’t see this HTML-Enitie for a while as we all use CSS and UTF-8, but a simple (a white-space) will work, though.

Wanderwort by Roman Ernst » Mozilla

Wordwrap problem of mozillas inline-box