Отступ за пределами кнопки CSS

Я пробовал заполнить кнопку в CSS, но внешнее заполнение слева не работает.

.button-container {
padding-left 20vh;
padding-bottom: 1vh;
display: inline-block;
}

.button {
background-color: ##09b39f;
border: none;
padding: 2vh;
text-decoration: none;
display: inline-block;
border-radius: 2vh;
}

<div class = "button-container">
<button class = "button"><p>Here's a button</p></button>
</div>

Я пробовал использовать контейнер для кнопки, а затем добавить вокруг него отступы. Прокладка не будет работать с левой стороны. Есть идеи, потому что я этого не вижу.

Это может быть из-за использования vh в качестве единиц измерения, вы пробовали просто использовать px?

— 17.04.2018 01:24

padding-left 20vh недействителен. Плохой синтаксис.

— 17.04.2018 01:25

html css button

17.04.2018 01:22

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

3 071

Ответы 1

Я считаю, что вам не хватает двоеточия после селектора css.

.button-container {
padding-left: 20vh;
padding-bottom: 1vh;
display: inline-block;
}

.button {
background-color: ##09b39f;
border: none;
padding: 2vh;
text-decoration: none;
display: inline-block;
border-radius: 2vh;
}

<div class = "button-container">
<button class = "button"><p>Here's a button</p></button>
</div>

Ах да

— 17.04.2018 01:28

17.04.2018 01:24

Другие вопросы по теме

Как эффективно использовать кнопку переключения несколько раз?

Скрыть столбцы таблицы с помощью CSS, используя соседний селектор из флажка

Переход заставляет изображение сдвигаться на 1 пиксель

Изменение только 1 элемента класса с помощью JQuery

HTML, CSS, flask_wtf как изменить расположение полей формы

Изображение не загружается при нажатии для увеличения изображения

Можно ли иметь разрывы строк в значении CSS?

Мой Mac не распознает типы файлов .CSS

Какое свойство CSS соответствует настройке Chrome "масштаб"

Как я могу привязать ширину другого элемента в Angular 2 - HTML?

Отступ за пределами кнопки CSS

Ответы 1

Другие вопросы по теме

Похожие вопросы