Progate 間違っているコードをすばやく見つける方法

Question

下記動画URLを参照してください。
https://streamable.com/b3xgj6

Progateのindex.htmlによると59と60に赤のXマークが明示され、できたをクリックすると終了タグがありませんとも明示されています。同じように59と60に赤のXマークが明示され、自分なりにチェックし問題がないと認識し、バグっているのかと思い事務局に問い合わせたところ、下記の回答をいただきました。

以下２点修正いただけますと、クリアとなります。
引用
・27行目　<div class=contents></div>　を削除
（35行目のdivと重複しており、このままではエラーとなります）
・38行目　</div>　を追加
（mainクラスの閉じタグ</div>が足りていませんので、追加しましょう）
引用

入力ミスの箇所だけ赤のマークがつくといいのですが、これは自分で見つける方法以外ないでしょうか。
またCodePenも使っているのですが、間違った入力コードを見つける機能はないのでしょうか

識者からの回答をお待ちしています。

Answer 1

vscodeとかだとlintのライブラリなどをいれるとできると思います！
htmlとcssは簡単な言語といわれる反面、エラーが出ないので、難しい言語だとも思います。

Comments

[nozatodogers]

回答ありがとうございます。意外と回答がつかないですね。みなさんどうしているのでしょうか

＞vscodeとかだとlintのライブラリなどをいれるとできる
今の私にとっては時間対効果を考えてしません。

ネットでHTMLやCSSのエラーチェックは、オンラインで利用できるサービスがあるみたいですね。
https://style.potepan.com/articles/21554.html

また、CodePenというeditorにもそれぞれのエディターに分析(Analyze)機能がありますが、
エラーの行の指摘はないみたいですね。