下記のようなイメージです。
https://teratail.com/questions/108095
No.1
309
65
フリーのテキストエディター TeraPad のＵＲＬです
https://tera-net.com/library/tpad.html
多種の文字コードに対応しているので
TeraPad に 読み込んで 文字コードを正しく表示させてから
コピー＆ペーストしていけばよいです
No.2
91
100pt
□に×は、その見た目から、豆腐バグ（英語でも、tofu）と呼ばれるものです。
teratailの方を見ると、IE、Edge環境のようですので、
EdgeHTML issue trackerなどで、「br tofu」を検索してみましょう。
類件：
Edge Strange Character Issue with Custom Font in br tags
> Jul 7, 2018 Microsoft Edge Team
> Hey folks, this issue is not reproing on internal builds, I have uploaded an attachment of no-repro-10160748.png that shows Edge 17 side by side with Edge 18 ・・・
これを見る限り、Edgeの修正版（内部ビルド版）は作ったらしいです。
その後の動きがまだ無さそうなので、そのうち修正版が出るかもしれません。
-----
その他影響があるとしたら、
テンプレートで使用しているフォントに依存する現象かと思います。
tofuではなく、スケーリング関連のissue内の記述ですが
source-sans-pro issue - Font scaling problems with source sans pro #123
> Internet Explorer
This font is not designed to work with IE, as stated by the google font portal when trying to load the Source Sans Pro page in IE
と書かれている方がいますので、
別のフォントを試してみるのが良さそうな感じがします。
1
1
2
1
44
38
コメント（10件)
質問で引用された teratail の質問では、最終的にどうやって直したかが分かりませんが、クライアント側の問題ということで終わっています。
まずは、クライアント側の問題なのか、サーバ側の問題なのかを切り分けるところから、だと思います。
https://html5up.net/massively
テンプレートのサイトじゃなくて、文字化けをするというご自身のサイトの URL が欲しいんですが。
ほぼそのままで日本語にしただけなのですが、トップページの<h1>の<br>が文字化けするようで。ありがとうございました......
実物が見られないとなると、よほどたくさんの人が踏んでるような地雷じゃないと解決は難しいでしょうね。
teratail のページでは、ie と edge だとダメだけど、Google Chrome だと化けないみたいなことが書いてありましたけど、そんな感じなんでしょうか？
これって、h1 の中にある br だけが化けて、記事本体の div や p の中の br は化けないということですか？
回答に類件として挙げたissueで報告されている内容ですと、
・（IE、）Edgeで発生
・Firefox、Chromeでは発生しない
となっています。
ブラウザ（Edgeなど）の問題のようですが、カスタムフォントで発生となっているので、
とりあえず、フォントを差し替えてみるのがよいかもしれません。