CSS Online Editor
Run Script
index.html
<!DOCTYPE html> <html lang="en-US"> <head> <title>HTML-CSS Example</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes"> <style type="text/css"> body { text-align: center; } div { width:175px; height:100px; background-color:#66a3ff; border:1px black solid; margin: auto; } #div2 { transform:rotate(-15deg); -ms-transform:rotate(-15deg); /* IE 9 */ -moz-transform:rotate(-15deg); /* Firefox */ -webkit-transform:rotate(-15deg); /* Safari and Chrome */ -o-transform:rotate(-15deg); /* Opera */ background-color:#66ffcc; color: red; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">HTML-CSS Example</div> </body> </html>
Result
