display:flexを使用するとなぜ右側に余白が空くのでしょうか？

Question

下記コードを記載したところ
右側に余白が空いてしまいます。

調べたのですが、解決方法が分からず、
何かヒントかご教授頂けますと幸いです。

<style type="text/css">
.box{
    display: flex;
    margin: 0 auto;
    width: 660px;
    background-color:#B3B3B3;
    
}
.box .box_contents{
    background-color:#f1fcf4;
}
.box .box_media{
    width: calc(100% - 382px);
    background-color:#F9B6B7;
}
</style>


    <div class="box">
      <!--左側-->
      <div class="clm1 box_media">
          左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側左側
      </div>
      <!--左側-->
      <!--右側-->
      <div class="clm1 box_contents">
        右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側右側
      </div>
    　<!--右側-->
    </div>

Answer 1

インデントの一部に全角スペースがはいっているからです

Answer 2

コメント<!--右側-->(終わりのほう)の直前に全角空白が一つ混入しており、それが画面に表示されているためです。