O que é a tag span?
O elemento HTML <span> é um conteiner generico em linha para conteúdo fraseado,
que não representa nada por natureza. Ele pode ser usado para agrupar elementos para
fins de estilo (usando os atributos class ou id ), ou para compartilhar valores
de atributos como lang. Ele deve ser usado somente quando nenhum outro elemento
semântico for apropriado. <span> é muito parecido com o elemento < div >,
entretando <div> é um elemento de nível de bloco enquanto < span > é um
elemento em linha.
Traduzindo, <span> é um pequeno texto, que não ocupa uma linha como uma < div >,
apenas o espaço que o texto ocupa. Por esse motivo, ele é frequentemento usado quando é preciso destacar uma parte do texto ou logo.