HTML5/CSS3 여백 명령을 인식하지 못합니다.

Question

메모장 ++에서 여백 명령은 margin-top에서 시작하여 키워드로 인식되지 않습니다. 이것은 내 웹 사이트에서 코드가 정확하더라도 상단 여백 또는 패딩을 원하는 크기로 설정하지 않는다는 것을 의미합니다. 상단 사이드 바와 하단 사이드 바에서 동일한 생각이 일어나고 있습니다. 도와주세요!!

.top-sidebar { 
    width: 21%; 
    float: left; 
    background-color: #FFFFFF; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left: 3%; 
    margin-bottom: 2% 
    margin-top: 2% 
    margin: 2% 0 2% 3% 
    padding: 2% 3% 
} 

.bottom-sidebar { 
    width: 21%; 
    float: left; 
    background-color: #FFFFFF; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left: 3%; 
    margin-bottom: 2% 
    margin-top: 2% 
    margin: 2% 0 2% 3% 
    padding: 2% 3%; 
} 

Answer 1

마진 속성을 인식하지 못하는 구문 오류가 있습니다. 기억하십시오 ;.

.top-sidebar { 
    width: 21%; 
    float: left; 
    background-color: #FFFFFF; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left: 3%; 
    margin-bottom: 2%; 
    margin-top: 2%; 
    margin: 2% 0 2% 3%; 
    padding: 2% 3%; 
} 

.bottom-sidebar { 
    width: 21%; 
    float: left; 
    background-color: #FFFFFF; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left: 3%; 
    margin-bottom: 2%; 
    margin-top: 2% ; 
    margin: 2% 0 2% 3%; 
    padding: 2% 3%; 
}