css - Rotate div whitouth breaking structure -
i'm trying keep rotated block align on top of remaining blocks in right side of window.
fiddle: https://jsfiddle.net/8tbl6rqs/1/
<div class="side"> <div class="block-first">chat us</div> <div class="block">phone</div> <div class="block">mail</div> <div> .side { position:absolute; right:0px; margin-top:30%; } .block, .block-first { background: #f00; display: block; height: 50px; width:50px; text-align:center; line-height:50px; } .block-first { width:200px!important; transform: rotate(-90deg); }
Comments
Post a Comment