How to make a hole in a layered HTML block?

Question

css

Is it even possible?
I know the way with backgrounds, svg, mask, but all of them are not suitable in their original version. Any ideas? Agree on any crutches.

Answer 1

.border {
width:250px;
height:100px;
border: 100px solid pink
}

<!--ВСТАВЛЯЙТЕ DIV Сколько хотите, только размер border не забывайте менять-->
<div class="border"></div>

Answer 2

Try using drawing on canvas:
- draw a pink block
- draw a white block
- clear part of the canvas (hole)
- add text