Как добавить стиль в div, используя LESS

Question

У меня есть div, который я пытаюсь выровнять по центру страницы, но мой стиль не относится к div.centeralign класс стиля находится внутри .less файла.Как мне написать класс внутри меньшего файла и как использовать это в HTML?

.centeralign {
  margin-top: 10%;
}

<div class="col centeralign">
  <p>align this div center</p>
  <div>

Answer 1

Ваше имя класса div не совпадает с именем в стиле. Вы назвали свой класс div "col centeralign", тогда как в стиле вы назвали его "centrealign". Назовите их так же, как в

<div class="centeralign">

выровнять этот центр div

Имя стиля

.centeralign {
  margin-top: 10%;

}