写真の大きさが変えられません。

Question

### 前提・実現したいこと

　html、cssで簡単なウェブページを作っています。
imgタグの写真を縮小したいのですができません。
わかる方がいましたら、教えてくだされば幸いです。

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

写真を挿入し、cssでwidth,heightを設定をしたのですが反映されません

該当のソースコード

```html
<div="lesson">
         <div="lesson-icon">
          <img src="img/police.png">
          <p>治安</p>
         </div>
         <p class="text-contents"></p>
        </div>
        <div="lesson">
         <div="lesson-icon">
          <img src="img/supermarket.png">
          <p>お店</p>
         </div>
         <p class="text-contents"></p>
        </div>
        <div="lesson">
         <div="lesson-icon">
          <img src="img/cherryBlossom.png">
          <p>景観</p>
         </div>
         <p class="text-contents"></p>
        </div>

```css
.lesson-icon{
  position: relative;
}
.lesson-icon p{
  position: absolute;
  color:white;
  top:44%;
  width:100%;
}
.lesson-icon img{
  width: 20px;
  height: 20px;
}

試したこと

width,heightを設定し、試してみましたが変わりませんでした。

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

コードの関係ないと思われる上の部分は掲載していませんが、もし上の部分が関係あると思われましたら教えてください。

Answer 1

<div="lesson-icon"> ⇒ <div class="lesson-icon"> （他同様）

Comments

[hayatomatsubara]

素早く対応してくださり、本当にありがとうございました。
無事直りました。
ありがとうございます！