Cómo crear múltiples columnas en un div

Me preguntaba cómo crearía múltiples columnas en un div. Es para un pie de página y quiero un mapa del sitio, enlaces a las redes sociales, etc.

Iba a usar pero luego leí que estaba en desuso, así que de alguna manera me disuadió de usarlo.

Básicamente tengo un 80% de DIV ancho y necesito tres columnas. Preferiblemente cada uno con un margen.

Css:

  div.bottom { height: 200px; width: 80%; margin-left: auto; margin-right: auto; margin-top: none; margin-bottom: none; border-top: 4px solid #00ccff; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: #575757; } 

Solo necesito el HTML ahora. Gracias por tu tiempo.

Crea tres divs con float: left; (o derecha) y darles un width exacto.

 

Véalo en acción .