claro aparecerán uno abajo del otro mientras no les digas lo contrario, si ocupan el 100% del ancho nunca aparecerán como los quieres y sumado a eso estas usando elementos de bloque, cámbialos por <a> este es elemento de linea, o bien flotalos.
pasa a leer sobre HTML y CSS para que entiendas a que me refiero.
http://librosweb.es