Inline elements should be affected by 2D Transforms

*Point 1:*
Three major browsers (Firefox, IE, Opera) already behave as desired.  Only
Webkit "complies" by not rendering transforms on inline elements.

*Point 2:*
There are definitive instances where *inline-block* (often used as a
workaround for Chrome/Safari to enable 2D Transforms on inline elements) is
either insufficient or inelegant, instances served very well by *display:
See fiddle output:

Every character in the body is wrapped with a *span*.  These elements are
inline by default.  Checking the box in the output will render them as

The result is a non-formatted text flow.  Aside from the lack of space
characters, word breaks are no longer in effect.

Webkit bug and the associated comment trail:


Received on Thursday, 2 June 2011 09:26:03 UTC