.yui3-g {
/* webkit: collapse white-space
between units */
letter-spacing: -0.31em;
/* reset IE < 8 */
*letter-spacing: normal;
/* IE < 8 && gecko: collapse
white-space between units */
word-spacing: -0.43em;
}
.yui3-u,
.yui3-u-1,
.yui3-u-1-2,
... {
display: inline-block;
/* IE < 8: fake inline-block */
zoom: 1; *display: inline;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
}
.yui3-u-1 {
display: block;
}
.yui3-u-1-2 {
width: 50%;
}
.yui3-u-1-3 {
width: 33.33333%;
}
Example of YUI 3 Grid CSS
Note: Because nothing is floated in YUI,
this means that no additional files are
needed in order to support languages that
read right-to-left (Hebrew, Arabic, etc).
But because everything is essentially
display: inline-block, and is fluid width,
this also means columns cannot be
rearranged for SEO purposes. Additionally,
an extra wrapping
is required to
create gutters between content areas.
http://developer.yahoo.com/yui/3/