É sério, eu não consigo enxergar muita utilidade para a tag <br />. Pelo menos não tanto quanto alguns desenvolvedores enxergam.
Pular uma linha após o input do form? Ajuste o CSS do input para “display:block”.
Deixar a imagem sem nenhum texto ao lado? Idem anterior, “display:block” para a imagem.
Alinhar o texto verticalmente? Simples, especifique um padding para o container desse texto ou em casos mais específicos use o vertical-align.
Aumentar a altura da div? Propriedade height.
Título e subtítulo com o mesmo link do texto? Deixe de preguiça e faça do jeito certo, um link para cada elemento, e claro, utilize as tags adequadas para cada um deles.
Ás vezes parece mais prático utilizar um <br />, mas na hora de atualizar pode ser que você tenha que alterar o HTML e o CSS, sendo que você poderia mexer apenas no CSS. Eu sei que é uma coisa mínima, mas isso é separar conteúdo de apresentação, um dos princípios dos padrões web standards.
Até hoje consegui encontrar apenas uma aplicação plausível para a tag <br />. Poesias, pois é necessário delimitar os versos.
No meio do caminho tinha uma pedra <br />
tinha uma pedra no meio do caminho <br />
tinha uma pedra <br />
no meio do caminho tinha uma pedra.
Se alguém conhecer outra utilização semântica para a tag <br /> avise, eu não lembro de mais nenhuma.
E antes que digam. Sim, eu sou chato pra escrever qualquer HTML. ![]()