0

Нужно переместить кнопку на другую строну, как в изображение:

введите сюда описание изображения

button {
    border-color: #ffffff;
    font-size: 20pt;
    text-align: center;
    border-radius: 20px;
    background: #cc3354;
    padding: 10;
    border: 2px solid #ffffff;
    height: 42px;
    width: 140px;
}
2
  • зависит от display... например так: float:right или margin-left:auto или text-align:right Commented 14 июн. 2019 в 5:46
  • добавьте в снипете воспроизводимый минимальный код, и я точнее отпишу в ответе Commented 14 июн. 2019 в 5:55

1 ответ 1

0

.block {
  width:100%;
}

.fr {
  float:right;
}

.fl{
  float:left;
}

.ma {
  margin-left: auto;
}

.mt {
  text-align: right;
}

.d-flex {
  display:flex;
}
<div class="block"><button class="fr">BTN</button></div>
<br>
<div class="block d-flex"><button class="ma">BTN</button></div>
<br>
<div class="block mt"><button>BTN</button></div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.