Diferenças na criação de divs

Boa noite galera do fórum, tenho uma dúvida noob, mas se puderem me responder agradeço.

É o seguinte, sei que para criar uma div id, se define no css assim:

#exemplo {

atributos

}

E no html para chamá-la é assim:

<div id="exemplo">

conteúdo

</div>

Até aí tudo bem, mas percebi que se eu definir um nome qualquer no css:

exemplo {

atributos

}

E no html chamar assim:

<exemplo>conteúdo</exemplo>

funciona da mesma forma, creio que seja errado fazer isso, mas queria algo mais certo que meu achismo, isso realmente está errado, embora no navegador esse gambiarra seja lida de forma correta?