Una de las primeras dudas que surgen para los que se quieren iniciar con los truccos de CSS es cuándo usar span y cuándo usar div.

Por defecto, span es un elemento en linea, es decir se usa para dar estilos a elementos en linea, por ejemplo un enlace, una palabra dentro de un párrafo o todo un párrafo, pero usando el span a elementos en linea no puedes asignar margenes, para eso hay que modificar el comporamiento estándar del span dándole un display:block en los estilos. solo en este caso pasa a comportarse como un div, o sea un bloque.

Contrariamente el div tiene por defecto un comportamiento en bloque, son imprescindibles para estructurar la página, a pesar de que se puede modificar su comportamiento asignandole un display:inline, hay que ser responsable a la hora de hacerlo. porque si pones div para una palabra dentro de un párrafo y le des un display:inline, se puede ver igual que se usas span, pero si desactivas los estilos verás un injustificable salto de linea en la palabra que tiene el div. y ya sabemos que por accesibilidad ésto no tiene que pasar.