Mi respuesta:
<style>
#whatever div {
display: inline;
margin: 0 1em 0 1em;
width: 30%;
}
</style>
<div id="whatever">
<div>content</div>
<div>content</div>
<div>content</div>
</div>
¿Por qué?
Técnicamente, un Span es un elemento en línea, sin embargo, puede tener ancho, solo necesita establecer su propiedad de visualización para bloquear primero. Sin embargo, en este contexto, un div es probablemente más apropiado, ya que supongo que querrás llenar estos divs con contenido.
Una cosa que definitivamente no desea hacer es clear:both
establecer los divs. Configurarlo así significará que el navegador no permitirá que ningún elemento se siente en la misma línea que ellos. El resultado, sus elementos se acumularán.
Tenga en cuenta, el uso de display:inline
. Se trata del error de duplicación de márgenes de ie6. Puede abordar esto de otras maneras si es necesario, por ejemplo, hojas de estilo condicionales.
Agregué un contenedor (# lo que sea) ya que supongo que estos no serán los únicos elementos en la página, por lo que es casi seguro que necesitará separarlos de los otros elementos de la página.
De todos modos, espero que sea de ayuda.