First try: style sheet

Ribbon effect


Second try: inline styles
Ribbon effect

Third try: table cells with inline styles
Ribbon effect
subtitle

2018. febr. 8., csütörtök, 13.01.12 CET   –   2018. febr. 9., péntek, 14.45.30 CET   –   2019. okt. 25., péntek, 12.46.55 CEST

Ribbon by KZG

As of Chris Coyier's Ribbon, the first and second version is not suitable for email content, and probably does not work in MSIE 8 and bellow either. My code is as follows, with possible incompatibility = background: linear-gradient.
Box and border dimensions given in scalable element measurement (em) did not work in several Windows versions, the chosen 1.1ems have caused a gap between different element borders. I have changed border widths to pixel values.
Left and right DIV tags in the first table-row had 18px top margin, now both of them has been changed to 20.
Change of 17.11.2019 Second cell of the first table-row (with colspan="3" has to have a height property of 35.5px;
Change of 20.11.2019 Setting margin to zero of the div element having the text "Ribbon effect"