Как сверстать блок?

Question

[Мария Иванникова]

это блок с тарифами и я совсем не понимаю как сделать этот красный заголовок. как сделать более рационально?

Comments

[Lord_Dantes]

div - border-radius: 10px; background: red;
= title | Best Seller - color: #fff text-transform: uppercase

[Мария Иванникова]

у меня background: white; у блока

[Мария Иванникова]

решила пока так оставить, не знаю, насколько это правильно и валидно. сделала к тайтлу премиум

background: red;
height: 100px;
border-radius: 20px 20px 0 0;
margin-top: -4px;

Answer 1

[inkShio]

https://codepen.io/inkshio/pen/OGeqqO

Answer 2

[Алексей Скляров]

https://jsfiddle.net/u59o413n/