<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> html { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; font: 16px/24px monospace; padding: 20px; } body { width: 40em; height: 25em; } blockquote { -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; width: 20em; color: transparent; } </style> </head> <body> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac fringilla quam, eu ultricies augue.</p> <blockquote> <!-- Short enough text that it won't overflow. --> <p>Ut accumsan dui eu elit dapibus rutrum. Nunc tristique urna eget ex dictum placerat. Nunc venenatis enim sed odio iaculis, consequat consectetur sem elementum.</p> </blockquote> <p>Maecenas nec ornare ligula. Phasellus eleifend elit leo, nec vestibulum sapien consectetur quis.</p> </body> </html>