Как можно сдвинуть кнопку влево?

https://unbrokenteam.ru/

Применил к кнопкам "Подробнее" и "Отправить заявку"

<button class="noTableBorder button">Отправить</button>

Все равно они не сместились влево.

В style.css добавил:

.noTableBorder button {
  left: 0; 
  margin-left: 0;
  transform: none;
  display:  block;
}

Вот файлы: index.html style.css

Что я делаю не так?


Ответы (1 шт):

Автор решения: Hat

В css у вас классы из-за отвутствия запятой не применяются. Код ниже применит стили для всех кнопок и всего, что с классом .noTableBorder

.noTableBorder, button { 
  left: 75%; 
  margin-left: 75%;
  transform: none; 
  display: block; 
}
<button class="noTableBorder button">Отправить</button>

Так, если вы хотели сделать для всех кнопок с классом noTableBorder

 button.noTableBorder {
  left: 75%; 
  margin-left: 75%;
  transform: none;
  display:  block;
}
<button class="noTableBorder button">Отправить</button>

То есть запятая это как или, а слитное написание как и

А если вы хотели использовать .noTableBorder button как один класс, то с пробелом нельзя, используйте .noTableBorder-button

→ Ссылка