A professora pode estar usando uma extensão que formata automaticamente o código dela quando ela fecha uma tag. Se você não estiver usando a mesma extensão, seu código pode não se comportar da mesma maneira.

É possível que a professora esteja usando um editor de código que possui uma função de formatação automática, que ajusta o código conforme ela digita.

Para solucionar esse problema, você pode tentar algumas coisas:

Tente usar a mesma extensão que a professora está usando, se ela estiver usando uma. Verifique se a extensão está instalada e ativada em seu editor de código.

Verifique se o seu editor de código possui uma função de formatação automática semelhante. Se sim, certifique-se de que ela esteja ativada.

Se nenhuma das opções acima funcionar, tente formatar manualmente o seu código. Certifique-se de que todas as tags estejam devidamente abertas e fechadas e que a hierarquia de tags esteja correta.

Se você estiver usando o VSCode ele possui várias extensões que podem ajudá-lo a formatar o seu código automaticamente e fechar as tags automaticamente. Algumas das extensões mais populares para isso são:

Prettier - Essa extensão formata automaticamente o seu código de acordo com as regras de estilo definidas. Ele suporta vários formatos de arquivos e linguagens, e você pode personalizar as configurações de formatação para atender às suas necessidades.

Auto Close Tag - Essa extensão fecha automaticamente as tags HTML, XML e JSX quando você digita o caractere de fechamento ">". Isso pode economizar tempo e ajudar a evitar erros de digitação.

Auto Rename Tag - Essa extensão permite que você renomeie automaticamente a tag de abertura e fechamento quando você renomeia uma delas. Isso pode ajudar a manter seu código organizado e evitar erros de digitação.

Bracket Pair Colorizer - Essa extensão coloriza os pares de colchetes, chaves e parênteses no seu código para que você possa ver facilmente onde começa e termina cada bloco de código.

Se o seu problema for sobre identeação tente Shift + Alt + F