Как сделать так, чтобы рисунок внутри кнопки не выходил за пределы самой кнопки? Если вы вставите этот код, то увидите, что звездочка находится за пределами кнопки. Как сделать так, чтобы звёздочка была всегда внутри кнопки независимо от того, какой размер мы задаем звёздочке и кнопке?
html:
<p>
<button class="button"><p class="symbol">☆</p></button>
</p>
css:
.button {
background-color: rgb(168, 194, 233);
border-radius: 20px;
outline: none;
height: 60px;
}
.symbol {
margin-bottom: 300px;
font-size: 400%;
}