<!DOCTYPE html> <html> <head> <style> body { border: 1px solid blue; } .vlr { border: 5px solid green; width: 200px; height: 400px; writing-mode: vertical-lr; margin: auto; } .h1 { border: 10px solid red; width: 100px; height: 200px; writing-mode: horizontal-tb; margin: auto; } .vrl { background: yellow; width: 50px; height: 100px; writing-mode: vertical-rl; margin: auto; } .h2 { background: black; width: 20px; height: 50px; writing-mode: horizontal-tb; margin: auto; } </style> </head> <body> <div class="vlr"> <div class="h1"> <div class="vrl"> <div class="h2">