CSS - 여백 작동하지 않습니다

Question

padding이 작동하지 않는 곳에이 작은 문제가 있습니다.

컨테이너, 부모 요소 및 그 안에있는 단락에 시도했습니다.이 중 아무 것도 작동하지 않지만
입니다. 당신이 궁금해하는 경우 I에서, fullpage.js 플러그인을 사용하고

<div class="slide" id="slide_3" data-anchor="slide3"> 

    <div class="container"> 

     <h4>Lorem ipsum</h4>  

     <p>Lorem ipsum</p> 


<p> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
</p> 

<p> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
</p> 

    ... 

:

여기 내 코드입니다. 이 작품의

.container { 
color: #C38FCC; 
font-family: Nexa, Century Gothic; 
font-weight: 300; 
font-size: 0.75em; 
padding: 25px; 
} 

#slide_3 { 
padding: 25%; 
} 

p { 
padding: 25%; 
color: black; 
} 

없음, 변경되지 않습니다 color도 p 요소.

Answer 1

플러그인이 제공하는 옵션을 사용해야합니다. 당신이 볼 수있는

paddingTop 및 paddingBottomin the documentation