Padding не работает

Question

Я пытаюсь добавить верхнее пространство к моему субтитрам, но оно не работает. Это нормально, когда я добавляю класс spacer-top в класс со строкой - как я могу добавить spacer-top в mainsubtitle?
HTML

<div class="container-fluid" id="about"> 
    <div class="row"> 
      <mainsubtitle class="spacer-top">Something</mainsubtitle> 
    </div> 
</div> 

CSS

#about{ 
text-align: center; 
background-color: #ffffff;} 

mainsubtitle{ 
padding-top: 50px; 
font-family: 'Lato Regular', 'Lato'; 
font-weight: 400; 
font-style: normal; 
font-size: 36px; 
color: #000; 
text-align: center;} 

.spacer-top { 
padding-top: 100px; 
padding-bottom: 0px;} 

Answer 1

Не уверен, почему вы делаете такие элементы, как, что, как пользовательские элементы не всегда поддерживаются, но этот код работает отлично:

HTML:

<div class="container-fluid" id="about"> 
    <div class="row"> 
      <div id="mainsubtitle">Something</div> 
    </div> 
</div> 

CSS:

#about{ 
text-align: center; 
background-color: #ffffff;} 

#mainsubtitle{ 
padding-top: 50px; 
font-family: 'Lato Regular', 'Lato'; 
font-weight: 400; 
font-style: normal; 
font-size: 36px; 
color: #000; 
text-align: center;} 

Fiddle - https://jsfiddle.net/ae5jcxe5/