Adjacent shrink-to-fit boxes in IE7-/Win
Different types of adjacent shrink-to-fit boxes react differently to different browser's widths.
1. widhtless floats tend to use all the available space before dropping:
blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah
i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i
2. not so inline-blocks which behave better:
blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah
i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i
3. float + clear behaves strangely, the width seems somewhat limited (by the width left after the first one?) :
blahblah blahblah blahblah blahblah blahblah
blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah
i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i
4. As above, but the first two floated boxes have opposite (left and right) direction:
blahblah blahblah blahblah blahblah blahblah
blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah
i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i
5. The same as 3, but with separating clears instead of float+clear, now the full window's width is used:
blahblah blahblah blahblah blahblah blahblah
blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah
i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i
CSS tests home