Почему не работает maring и padding?

Question

[yraiv]

у меня есть такой вот код

.style-up-about{
  font-size: 16px;
  display: inline ;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

Но почему-то он не срабатывает, я выяснил, что это как-то связано с

*
{
    margin: 0;
    padding: 0; 
}

Но я не понимаю как сделать так, чтоб эти нулевые отступы перестали действовать на нужный мне класс,у меня есть другие классы и их не трогает эта штука почему-то, а один, который в самом верху скинул трогает, я пробовал добавить даже !important, но лучше не стало, вот пример кода, который работает, хотя по сути там все также

.custom-categories-text{
  font-size: 16px;
  color: white;
  display: inline ;
  margin-bottom: 15px;
  margin-top: 5px;

}

я что-то запутался

Answer 1

[Сергей delphinpro]

У inline элементов не может быть вертикальных внешних отступов (margin).
Внутренние отступы (padding) работают.
Сделайте элемент блочным block, flex, inline-block и т.п.