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

223
13 апреля 2022, 01:40

Имеется такая верстка

    .rectangles_block
{
margin-left:21%;
margin-top:16%;
position: absolute;
width:100%;
height:100%;
}
.rectangle
{
margin-bottom:10px;
width: 338px;
height: 72px;
background: #4E5661;
border: 1px solid rgba(0, 0, 0, 0.41);
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
<div class="rectangles_block">
<div class ="rectangle"><p class="rectangle_text ">Дозвонился. Договорились!</p></div>
<div class ="rectangle"><p class="rectangle_text ">Дозвонился. Не договорились!</p></div>
<div class ="rectangle"><p class="rectangle_text ">Не дозвонился!</p></div>
</div>

Выглядит сие "чудо" следующим образом

но у меня не получается сделать из них активные кнопки, если использую тег button все очень жестко съезжает, что делать?

READ ALSO
Строка поиска и элементы управления (дизайн, css)

Строка поиска и элементы управления (дизайн, css)

Помогите сделать резиновый блок со строкой поиска и дополнительными элементами

216
Переключатель класов на кнопках, toggle click buttons

Переключатель класов на кнопках, toggle click buttons

Как добавить к этому функционалу чтобы на toggle click каждого блока менялся фон на прозрачный и стрелка крутилась к низу rotate(180deg)

149
Странное поведение background-image

Странное поведение background-image

Есть следующий код:

77
Добавление значения в выпадающее окно

Добавление значения в выпадающее окно

Как сделать так чтоб автоматически после создания записи в базе даниц, значение добавлялосьбы автоматически в

161