<!DOCTYPE html> <head> <meta charset=utf-8> <style> body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; } div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px; text-align: center; background: #eee; } .a { text-decoration: blue solid underline line-through overline; } .c { text-decoration: green double underline line-through overline; } </style> </head> <body> <div style="transform: rotate(90deg);"> hello <span class=a>hello</span> <span class=c>hello</span> </div>