cssが反応しない要素が発生した

Question

		<div class="lp_timer">
	    <div class="cdown" data-cdown-min="15"></div>
	  </div>

		<p　class="cp_bnr"><img src="img/timer_15min_bnr.jpg" ></p>

  .lp_timer {
    background: url("../img/timer_15min_bg.jpg")no-repeat center top;
    background-size: 100%;
    height: 20vw;
    width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 100;
  }

  .cdown,
  .cdown-done,
  .cdown-loop {
    font-size: 7vw;
    color: #FDF051;
    font-weight: bold;
    position: relative;
    top: 12vw;
    left: 34vw;
    width: 100%;
  }


.cp_bnr{
  margin-top: 10vw;
}

window.addEventListener(
  "load",
  function() {
    var cdown = new Object();
    cdown.elem = document.querySelectorAll(".cdown");
    cdown.tmr = new Array();
    cdown.getTime = function(I) {
      var attributes = cdown.elem[I].attributes;
      for (var type, value, i = 0; i < attributes.length; i++) {
        type = attributes[i].name.match(/(^data-cdown-)(.+)/);
        if (type) {
          value = parseInt(attributes[i].value, 10) || 0;
          return type[2] == "min" ? value * 60 : value;
        }
      }
      return null;
    };
    cdown.start = function(I) {
      var sec = cdown.getTime(I);
      if (sec == null) {
        return;
      }
      var target = new Date().getTime() + sec * 1000;
      cdown.tmr[I] = setInterval(function() {
        var now = new Date().getTime();
        var left = target - now;
        var output = {
          min: Math.floor((left % (1000 * 60 * 60)) / (1000 * 60)),
          sec: Math.floor((left % (1000 * 60)) / 1000),
          ms: left % 1000,
        };
        console.log(left);
        if (left > 0) {
          cdown.elem[I].textContent = "" + ("0" + output.min).slice(-2) + " : " + ("0" + output.sec).slice(-2) + " : " + ("00" + output.ms).slice(-2);
        } else {
          cdown.elem[I].textContent = "0:00"; // 終了後に表示される言葉
          window.clearInterval(cdown.tmr[I]);
        }
      }, 20);
    };
    for (var i = 0; i < cdown.elem.length; i++) {
      cdown.start(i);
    }
  },
  false
);

上記コードのように画像が上下２枚の構成で、上の画像をフローティングした時に
下の画像 cp_bnr が被ってしまうので

フローティング要素の下の画像 cp_bnr に

margin-top
padding-top

などを指示して余白を作ろうと思ったんですが全くcssが反応しません。
class名などは間違ってなく、

.cp_bnr img
や
img.cp_bnr

など書いたり他のcss(width:100%など)の指示を書いたりしたんですが
それすら反映されず....

こちらの解決案わかる方いらっしゃいますでしょうか？

解決したいこと

.cp_bnr
と言うclass名の要素に　余白を作るcss指示を反映させたい

備考

javascript不要かもしれませんが念のため

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）を質問文に追記されたほうが回答を得やすいと思います。

[退会済みユーザー]

<div　class="フローティング要素の下の画像">のdivの後にあるのが全角スペースだからじゃねぇのか？

[Lhankor_Mhy]

悟空さに同じ。

[退会済みユーザー]

<p　class="cp_bnr">のpの後にあるのが全角スペースだからじゃねぇのか？

[bakio]

goku59 さん
半角にしたら反応しました。
初歩的な間違いで反省しています。ご指摘いただきありがとうございます。

[kei344]

まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。

[Lhankor_Mhy]

ご解決されて何よりです。
自己解決の手続きをお願いします。
https://teratail.com/help#resolve-myself

Answer 1

 <p class="cp_bnr"><img src="img/timer_15min_bnr.jpg" ></p>

全角スペースになってしまったので反映しておりませんでした。
コメントいただきました
goku59 様
Lhankor_Mhy　様
ありがとうございました。