Прямоугольная трапеция div

#css3 #canvas #html #веб_дизайн #html5

Как сделать прямоугольную трапецию из одного div. Не из двух (треугольник + прямоугольник),
а сразу с одного. Можно сделать трапецию равнобедренную, так не сойдет. Нужно именно
Пример. Потому что внутри я хочу заполнить текстом.    

Ответы

Ответ 1

#trapezoid {
  border-top: 100px solid red;
  border-left: 50px solid transparent;
  height: 0;
  width: 100px;
}
#trapezoid span {
  margin-top: -100px;
  position: absolute;
}
Текст