<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body { font: 16px/20px sans-serif; width: 600px; height: 500px; padding: 5px; border: 1px solid gray; } blockquote { background: #eee; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; min-width: 100%; max-height: 40%; margin: 0; padding: 10px 0; } </style> </head> <body> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac fringilla quam, eu ultricies augue. Aliquam ante orci, egestas eu pulvinar eget, ullamcorper eu elit. Phasellus tristique vulputate odio, quis ultricies justo rutrum in. Mauris auctor est in sagittis eleifend.</p> <blockquote> <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. Fusce eros eros, eleifend eget eros at, convallis tempor tortor. Cras at gravida leo. Proin ultricies ipsum vitae felis suscipit, a tincidunt orci mattis. Cras in suscipit mauris.</p> </blockquote> <p>Vivamus lobortis hendrerit vehicula. Nullam dapibus ante et commodo lacinia. Sed tincidunt pretium ligula, eget porta metus pharetra eget. Mauris pharetra tortor convallis nisi varius facilisis.</p> </body> </html>