I have a hopefully interesting problem here. Referring to this link: https://www.w3schools.com/code/tryit.asp?filename=FYA6DFOJF9GE
As you can see, the text in the left and right trapezium is where it should be, but the middle trapezium that's upside-down has its text under it. The only difference in css between the trapeziums is the border-bottom changed to border-top (hence causing it upside down), but is this the reason or is there more behind it?
What should I do to put the text right where it should be?
