CSSでwidthが適用されません

Question

表現したいこと

ドットインストールの実践！Webページを作ろうという講座に沿ってコードを書いていたのですが、widthで値を設定したものの適用されないので改善方法が知りたいです。

エラーメッセージ
\u８(chromeのディベロッパーツールで検証をかけた時に赤い丸とこのエラーコードが表示されました。)

該当のソースコード

   <section class="feature">
        <img src="img/feature1.png" width="420" height="270" alt="特徴1">
        <div class="desc">
          <h1>すごい特徴があるよ</h1>
          <p>色々あります。</p>
        </div>
   </section>

.feature .desc {
  width: 360px;
}
.feature:nth-of-type(odd) .desc {
  float: right;
  padding-left: 40px;
}

試したこと

googleでエラーコードを検索しても何も出てこないので、自分でコードの間違いがないかずっと確認していたのですがわからずに質問させていただきました。

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

atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)
![]3304f2952934bce59ccbcf42ad3.png)

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/help#about-markdown

[m.ts10806]

あと、質問文には画像も添付できるので「chromeのディベロッパーツールで検証をかけた時」の画面キャプチャも添付してください。

[kei344]

https://jsfiddle.net/1szyu3ft/ 提示されたもので幅指定は出来ていますよ。

[lemosuke]

@mts10806さん　修正させていただきました。ご指摘ありがとうございます。

[lemosuke]

@kei344さん　実行しても検証するとできていないことになっているのです‥・

[lemosuke]

@kei334さん　また、できているならばdescが図の右側に回り込むのと思うのですが、、回り込んでくれなくて

[yoshinavi]

提示のコードとキャプチャ部分とでは、場所が違うと思います。確認してみてください。

[lemosuke]

@yoshinaviさん　本当ですね、ご指摘ありがとうございます。paddingの位置だけ逆に見てもらえるとありがたいです。

Answer 1

提示されたHTMLに何らかの制御コードが紛れているので、そういったものが原因かと思います。
その前後を含め削除して、書き直してみてください。（ 少なくとも例示した物のHTML部分に制御コードが入っていました ）

【08 ‐ 通信用語の基礎知識】
https://www.wdic.org/w/ABBR/08

U+0008 ‐ Unicodeの符号位置で、制御コードの BACKSPACE

Comments

[lemosuke]

backspaceが問題であることはわかりました！ありがとうございます！
ですが、atomではspaceを開けていないのに検証ツールではspaceが空いていることになっているのですがなぜでしょうか。画像を付け加えておいたので見てもらえるとありがたいです。

[kei344]

制御コードは表示できない（が削除もされない）エディタがあり、「見た目」でわからないことが多いです。

[lemosuke]

新たなタブで開いたところ直りました。本当に詳しくありがとうございました。