여백은 요소의 위치

Question

문제에 영향을주지 않습니다

이유는 무엇입니까 요소 (양식)의하지 .locmidcontent 위치 설정? 현재 위치는 기본이다, 내가 화살표로 이동합니다 -

.container { 
    width: 980px; 
    margin: 0 auto; 
} 

/* DOESN'T WORK */ 
.locmindcontent { 
     margin-right: 200px; 
     margin-top: 200px; 
} 

.locmidcontent ul li{ 
    display: inline; 
    padding-right: 20px; 
} 

스냅 샷 :

<div class="locmidcontent"> 
     <form action="#" method="GET"> 
      <ul> 
       <li> 
        <label>Country</label> 
        <select> 
         <option>ABC</option> 
        </select> 
       </li> 
       <li> 
        <label>Region</label> 
        <select> 
         <option>XYZ</option> 
        </select> 
       </li> 
       <li> 
        <label>City</label> 
        <select> 
         <option>COM</option> 
        </select> 
       </li> 
       <li> 
        <input value="View" type="submit"> 
       </li> 
      </ul> 
     </form> 
    </div> 

이

내 CSS : 여기

내 HTML 구조입니다 약도

Answer 1

CSS에 .locmidcontent 대신 .locmindcontent이 표시 될 수 있습니다. 이름을 변경하고 다시 시도하십시오.

Answer 2

.locmindcontent의 철자가 틀렸으므로 .locmidcontent이어야합니다.