Как уменьшить интервал перед контентом, сохраняя его центрированный
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>
Ответы (3)
0 плюса
2014 Репутация автора
Вы можете использовать text-align: center;
для вашего .brands
div
.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>
0 плюса
6 Репутация автора
Используйте выравнивание текста по центру и настройте отступ содержимого
Автор: Afnan Zia Размещён: 11.08.2019 06:580 плюса
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>
Вопросы из категории :
- html Определить часовой пояс пользователя
- html Как определить, какой из указанных шрифтов был использован на веб-странице?
- html Как мне дать моим веб-сайтам значок для iPhone?
- html Как отключить автозаполнение браузера в поле веб-формы / теге ввода?
- html Как автоматически изменить размер текстовой области с помощью Prototype?
- html Как вы можете настроить номера в упорядоченном списке?
- html Прокрутка переполненных DIV с помощью JavaScript
- html Как поместить пробел перед текстом опции в элементе выбора HTML?
- html Есть ли HTML напротив <noscript>?
- html Как я могу найти неиспользуемые изображения и стили CSS на веб-сайте?
- css Создание закругленных углов с помощью CSS
- css Как заставить нижний колонтитул оставаться внизу веб-страницы?
- css Create a variable in .CSS file for use within that .CSS file
- css Как разместить одно изображение поверх другого в HTML?
- css Как я могу отобразить только часть изображения в HTML / CSS?
- css Удалите все классы, начинающиеся с определенной строки.