CSS For ShapesLearn Javascript / By nukeama Here are some css which i collect and i think usefull for my future project. Transforming vertical text <div class="container"> <div class="vertical-text"> VERTICAL TEXT </div> <div class="vertical-text"> VERTICAL TEXT </div> <div class="vertical-text"> VERTICAL TEXT </div> </div> <style> .vertical-text { transform: rotate(90deg); transform-origin: left top 0; background:#ff0000; font-size:30px; color:#ffffff; padding:20px; margin-left:40px; float:left; } .container { padding:30px; } </style> View Demo <div class="container"> <div class="vertical-text"> VERTICAL TEXT </div> <div class="vertical-text vertical-1"> VERTICAL TEXT </div> <div class="vertical-text"> VERTICAL TEXT </div> </div> <style> .vertical-text { writing-mode: vertical-rl; text-orientation: mixed; background:#ff0000; font-size:30px; color:#ffffff; padding:20px; margin-left:40px; float:left; } .vertical-1 { transform: rotate(-180deg); } .container { padding:30px; } </style> View Demo 2