HTMLに記述のない#textを削除したい

Question

前提・実現したいこと

htmlに記述のない　#text が出現し余計な余白ができてしまうので削除したい

発生している問題・エラーメッセージ

検証の画面がこちらになります。htmlに記述のない　”　”　の空白ができてしまいます。

該当のソースコード

htmlコード

<section>
    <h2>category</h2>
    <div class="category-card">
        <div class="category-image">
            <a href="#">
                <img src="Bar-image.jpg" alt="Bar-image">
            </a>
            <span>bar</span>
        </div>
        <div class="category-image">
            <a href="#">
                <img src="Pub-image.jpg" alt="Pub-image">
            </a>  
            <span>pub</span>
        </div>
        <div class="category-image">
            <a href="#">
                <img src="Club-image.jpg" alt="Club-image">
                <span>club</span>
            </a>
        </div>
    </div>
</section>

試したこと

htmlに余計な記述や　＜＞の閉じ忘れがないかのチェック

補足情報（FW/ツールのバージョンなど）

Visual studio code 使用

Comments

[hatena19]

ソースコードはマークダウンのコードタグで囲んでください。
分からない場合は、コード部分を選択して、入力エリア上部のツールバーの <code> ボタンをクリックしてください。

Answer 1

ソースコード自体に、何か制御文字が入っていて、自分の環境では文字として表示されています。

行間に入る改行文字すらじゃまになるときは、「コメントアウトでぴったり埋める」方法で乗り切ったこともあります。

<div>
 中身1
</div><!--
--><div>
  中身2
</div>

Comments

[iKUMAAAA]

解決できました。。ありがとうございます！

Answer 2

2番目の<div class="category-image">の前に全角空白がありますので、それを削除してください。

Comments

[maisumakun]

これはU+0008（バックスペース文字）だったようです。

自分の回答のように手元では見えていたので、コピペして.charCodeAtで調べてみました。

[iKUMAAAA]

全角の空白に気づきませんでした。。。解決できましたありがとうございます！

[hatena19]

パッとみて全角と判断しましたが、あとで気づいて、文字コードを私も調べてみたら 0008（バックスペース文字）でした。