Вопрос:

Как уменьшить интервал перед контентом, сохраняя его центрированный

html css

23 просмотра

3 ответа

8 Репутация автора

Я хочу, чтобы мой контент был центрирован, и сначала использовал дополнительное пространство.
Я попробовал использовать процентную ширину, что помогает мне с центрированием, но места всегда есть.

Какой идеальный способ сделать это? Я хочу, чтобы конечный результат был таким, как этот Oapletwo.com

.wrapper {
  width: 1140px;
  margin: auto;
  border-left: 1.5px solid rgba(255, 0, 0, 0.11);
  border-right: 1.5px solid rgba(255, 0, 0, 0.11);
}

h1 {
  width: fit-content;
  margin: auto;
  text-transform: uppercase;
}
<div class="wrapper">
  <div class="brand">
    <h1>PaymoNeer</h1>
  </div>
</div>

Автор: Shahzeb Источник Размещён: 11.08.2019 06:41

Ответы (3)


0 плюса

2014 Репутация автора

Вы можете использовать text-align: center;для вашего .brandsdiv

.wrapper {
  width: 1140px;
  margin: auto;
  border-left: 1.5px solid rgba(255, 0, 0, 0.11);
  border-right: 1.5px solid rgba(255, 0, 0, 0.11);
}

.brand {
  text-align: center;
}

h1 {
  margin: auto;
  text-transform: uppercase;
}
<div class="wrapper">
  <div class="brand">
    <h1>PaymoNeer</h1>
  </div>
</div>

Автор: Nidhin Joseph Размещён: 11.08.2019 06:56

0 плюса

6 Репутация автора

Используйте выравнивание текста по центру и настройте отступ содержимого

Автор: Afnan Zia Размещён: 11.08.2019 06:58

0 плюса

9611 Репутация автора

Просто используйте text-align: centerна элементе .wrapper и display: inline-blockи margin: 0 autoна .брендах DIV , чтобы держать его в центре.

.wrapper {
 text-align: center;
  border-left: 1.5px solid rgba(255, 0, 0, 0.11);
  border-right: 1.5px solid rgba(255, 0, 0, 0.11);
}

.brand {
  display: inline-block;
  margin: 0 auto;

}

h1 {
  text-transform: uppercase;
}
<div class="wrapper">
  <div class="brand">
    <h1>PaymoNeer</h1>
  </div>
</div>

Автор: gavgrif Размещён: 11.08.2019 07:54
Вопросы из категории :
32x32