/* * Copyright 2009 The Closure Library Authors. All Rights Reserved. * * Use of this source code is governed by the Apache License, Version 2.0. * See the COPYING file for details. */ /* * Cross-browser implementation of the "display: inline-block" CSS property. * See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details. * Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9. * * @author attila@google.com (Attila Bodis) */ /* * Default rule; only Safari, Webkit, and Opera handle it without hacks. */ .goog-inline-block { position: relative; display: -moz-inline-box; /* Ignored by FF3 and later. */ display: inline-block; } /* * Pre-IE7 IE hack. On IE, "display: inline-block" only gives the element * layout, but doesn't give it inline behavior. Subsequently setting display * to inline does the trick. */ * html .goog-inline-block { display: inline; } /* * IE7-only hack. On IE, "display: inline-block" only gives the element * layout, but doesn't give it inline behavior. Subsequently setting display * to inline does the trick. */ *:first-child+html .goog-inline-block { display: inline; }