Lorem Elsass ipsum réchime amet
kartoffelsalad wie baeckeoffe dolor auctor, flammekueche jetz gehts los
rossbolla schpeck Heineken yeuh. gal hopla
choucroute !
This testcase tries to get rid of natural whitespace between display: inline-block elements thanks to rem unit.
Lorem Elsass ipsum réchime amet
kartoffelsalad wie baeckeoffe dolor auctor, flammekueche jetz gehts los
rossbolla schpeck Heineken yeuh. gal hopla
choucroute !
Uses :
font-size: 1px; letter-spacing: -1px; on main container for deleting all whitespaces, as Safari browser doesn't accept 0 as font-size valueword-spacing: -1px; as an Opera hack which doesn't accept negative values on letter-spacingfont-size: 20px; font-size: 2rem; letter-spacing: normal; word-spacing: normal; on childrens in order to restore values (rem unit is OK everywhere since IE9, for older browsers, px unit will be the fallback*display: inline; zoom: 1; as a IE6 / IE7 hackWorks pretty well on every modern browsers (Firefox, Chrome, Internet Explorer, Safari, Opera), even since IE6.
Author : Raphael Goetter