Chaosxmk Chaosxmk - 1 year ago 76
CSS Question

Google Chrome rendering floated text on multiple lines

I recently updated Google Chrome to V38, and I've noticed that text sitting inside a floating div element renders itself on two lines. This is occurring even though there is plenty of room for the text and absolutely nothing forcing it onto a second line.

Here are some screenshot's of this issue

Firefox:
FF Screenshot

Chrome:
Chrome Screenshot

The only solution I've found is to add

white-space: nowrap
onto every single affected item, but that's far from efficient seeing as how many items are/could be affected.

Answer Source

Bug is fixed by remove css code: text-rendering: optimizeLegibility