How to make a rectangular trapezoid from a single div . Not from two (triangle + rectangle), but immediately from one. You can make a trapezoid isosceles, so it will not come down. It is exactly an example . Because inside I want to fill in the text.

    1 answer 1

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

    • Not at all, not like a rectangular trapezoid. Like a speech-bubble - Ruzel
    • @Ruzel what do you mean? goo.gl/buPHF - lampa
    • Sorry, I need this. Goo.gl/Uc6IZ - Ruzel
    • @Ruzel updated post. - lampa
    • Thanks for this) And how to make the text on the sloping fit with the inside. And then the text is still filled in a rectangular block. - Ruzel