Как сделать челку в рамке?

Question

[Александр]

Как сделать такую челку в рамке

картинка

, попробовал поверх поставить другую но не вышло.

Answer 1

[Anton_a46]

<div class="wrapper">
    </div>

.wrapper{
    height: 500px;
    width: 300px;
    position: relative;
    border:1px solid;
}

.wrapper:after{
    content: 'Бесплатно';
    position: absolute;
    left: 50%;
    margin-left: -35px;
    border: 1px solid black;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
    padding: 5px
}

Answer 2

[Natalia ivanova]

Так https://codepen.io/Natalia_ai_ivanova/pen/qBEMoaE