Как центрировать элемент [дубликат]

raziEiL спросил: 11 марта 2019 в 07:29 в: html

На этот вопрос уже есть ответ:

  • What is the default padding and/or margin for a p element (reset css)? 5 ответов
  • How do I vertically center text with CSS? [duplicate] 38 ответов
  • CSS center text (horizontally and vertically) inside a div block 23 ответа

Как применить горизонтальное выравнивание к элементу <label>? Если я делаю это <label><p>3</p></label>, все работает нормально. Я не понимаю, почему элемент <p> имеет автоматическое поле (по центру), когда <label> нет.

html

body {
  background: #2b2b2b;
  font-size: 36px;
  font-family: Helvetica neue, roboto;
  color: white;
}
.main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
  background: black;
}
.common {
  width: 45%
}
#div1 {
  background: purple;
  text-align: right;
}
#div2 {
  background: orange;
}
#div3 {
  background: olive;
  text-align: right;
}
#div4 {
  background: gray;
}
label {
  
}

<div class="main">
  <div id="div1" class="common">1</div>
  <div id="div2" class="common">2</div>
  <div id="div3" class="common"><label for="name-label">3</label></div>
  <div id="div4" class="common"><p>4</p></div>
</div>

0 ответов