Я хочу создать сетку из 15 кнопок в стиле 5 * 3. Я пробовал метод in line и block, но когда я пытаюсь, что они go не синхронизируются c. Я пробовал следующий код
<html>
<style>
.group1 {
padding: 20px 24px; /* Some padding */
cursor: pointer; /* Pointer/hand icon */
width: 40%; /* Set a width if needed */
display: block; /* Make the buttons appear
below each other */
text-align: center;
background-color: white;
color: black;
}
.group1:hover {background-color: #e7e7e7;}
.group1:not(:last-child) {
border-bottom: none; /* Prevent double
borders */
}
/* Add a background color on hover */
.btn-group button:hover {
background-color: #3e8e41;
}
</style>
<body>
<h1>Vertical Button Group</h1>
<div class="btn-group">
<div class="group1" type="button">Apple</div><br>
<div class="group1" type="button">Samsung</div><br>
<div class="group1" type="button">Sony</div>
</div>
Это дает мне 3 кнопки в вертикальной линии, я хочу добавить ту же строку дважды перед ней в строке, как мне это сделать? Спасибо