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

Question

Помогите обрезать блок таким образом как показано на скриншоте (красное нужно сделать прозрачным).

Answer 1

как уже сказали выше clip-path, либо... можно немножко извратиться:

body{background: lightgreen;}
#x{
background: linear-gradient(285deg, transparent 20px 21px, pink 21px 22px, pink);
border: 1px solid black;
}

<p id='x'>
aaaa<br>
aaaa<br>
aaaa<br>
aaaa<br>
</p>