div에 대해 배경색을 표시 할 수 없습니다.

Question

이 div의 배경색을 설정하려고하지만 일부 이유 때문에 나머지는 투명합니다 (표시하지 않음). 나는 무엇을 놓쳤는가?

<div class="chesse_people"> 
     <img class="badge-icon" src="img/cheese_expert.jpg"> 
     <h4>Chief Cheese Taster - Dave Le Conk</h4> 
     <p class="chesse_people">text here.</p> 
    </div> 


    .cheese_people { 
    background-color: #ed6c85; 
    float:left; 
    width:70%; 
    } 

    .badge-icon { 
    float:left; 
    margin-right:20px; 
    } 

Answer 1

클래스 (cheese_people)는 당신의 요소 클래스 (<div class="chesse_people">)와 일치하지 않습니다.

Answer 2

간단한 수정으로 철자가 잘못되었습니다. 처음에는 밑줄이 CSS에서 유효하지 않다고 생각했지만, 나는 그것을 보았지만 그렇지 않았습니다. 코드에서 오자가있다

Answer 3

이 아래에 고정 참조 코드 :

<div class="cheese_people"> 
     <img class="badge-icon" src="img/cheese_expert.jpg"> 
     <h4>Chief Cheese Taster - Dave Le Conk</h4> 
     <p class="cheese_people">text here.</p> 
    </div> 


    .cheese_people { 
      background-color: #ed6c85; 
      float:left; 
      width:70%; 
    } 

    .badge-icon { 
     float:left; 
     margin-right:20px; 
    }