Прямоугольная трапеция c одним острым углом на CSS

trap.html

<style>

.trap {
  width: 50px;
  height: 0px;
  border-bottom: 50px solid green;
  border-left: 0 solid transparent;
  border-right: 50px solid transparent;
}

</style>

<div class="trap"></div>

Пригодилась ) Спасибо

Спасибо)

Какая это трапеция, если это прямоугольный треугольник?

Какая это трапеция, если это прямоугольный треугольник?

Нет
https://codepen.io/CraftLawrence/pen/zYNrGza

Какая это трапеция, если это прямоугольный треугольник?

Нет https://codepen.io/CraftLawrence/pen/zYNrGza

У меня почему то не работает, копирую код в vscode, а в браузере отображается прямоугольный треугольник.