Chaosxmk Chaosxmk - 5 months ago 18
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

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