0

У меня есть строка текста, которая переносится и в ней собственно находится кнопка, которая что-то делает. Как правильно сверстать подобную структуру?

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

3
  • 1
    Задать обтекание float: left
    – user206435
    8 дек 2020 в 13:57
  • Попробовал добавить, но не вышло. Можете пожалуйста, показать как это нужно сделать?
    – Torin_21
    8 дек 2020 в 14:22
  • @mik.ov, зачем бы это?
    – Qwertiy
    8 дек 2020 в 14:38

2 ответа 2

3

Вообще-то оно по умолчанию именно так и работает.
Вообще-то оно по умолчанию именно так и работает.
Вообще-то оно по умолчанию именно так и работает.
Вообще-то оно по умолчанию именно так и работает.
Вот: <button>Кнопка</button>

1

.block {
  max-width: 300px;
  font-size: 40px;
  border: 1px solid red;
}

.button {
  display: inline-block;
  background-color: black;
  color: white;
  padding: 10px;
  text-decoration: none;
}
<div class="block">
  текс текст текст текст <a href="https://css-tricks.com/" class="button">Тык</a>
</div>

2
  • Зачем было кнопку div'ом делать?
    – Qwertiy
    8 дек 2020 в 14:38
  • @Qwertiy поменял 8 дек 2020 в 14:44

Ваш ответ

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.