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

[noob_saibot]

Здравствуйте!

http://unbrokenteam.ru/

В style.css прописал:

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

На главной странице внизу есть кнопка "Отправить". Применил к ней класс 

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

И все стало норм. Кнопка "Отправить" ушла влево.

А если нужно кнопку "Подробнее" сдвинуть влево, то как здесь применить class="noTableBorder button"? Там код такой:

<script>// 1. Create the button
          var button = document.createElement("button");
          button.innerHTML = "ПОДРОБНЕЕ";
          // 2. Append somewhere
          var body = document.getElementsByTagName("body")[0];
          body.appendChild(button);

          // 3. Add event handler
          button.addEventListener ("click", function() {
          window.location.href = 'https://unbrokenteam.ru/pages/outsourcing.html';
          });

          /* Read 

          https://css-tricks.com/use-button-element/
        */</script>

 

[noob_saibot]

Точнее сайт такой https://unbrokenteam.ru/

[NaFanyA]

А чего тебе не сделать кнопку "Подробнее" также через html?

[noob_saibot]

В 07.05.2022 в 14:26, NaFanyA сказал:

А чего тебе не сделать кнопку "Подробнее" также через html?

Точно. Так и сделал. Спасибо!

А как теперь переместить кнопку на ту же вертикальную линию, что и поля для ввода?

Вот как сейчас

Вот как должно быть

 

Я использую этот класс для кнопки в style.css

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

 

index.html style.css

[NaFanyA]

Через margin-left попробуй

[noob_saibot]

👍