Div ile span'ın display özellikleri farklı olduğu için, biri yanyana, biri alt alta gözükür. Div'e benzer bir span kullanmak için, span'ın css kısmına display: block; eklemen lazım.

Div alanlar için, span ise ufak yazılar için kullanılır genelde. Örneğin bir yazının tarihini, başlıktan daha küçük ve farklı renkte, farklı özelliklerde tanımlamak istersen span kullanırsın ama başlık ve içeriğin olduğu kısmı div içine alırsın.

Bilmem anlatabildim mi