Ola pessoal, fiz o texto abaixo e a imagem não fica centralizada na pagina o degrade funcionou e a imagem não teve rotação alguma. Estou utilizando o chrome, IE11 e Mozila 37.
h2{ background-color:#B3A742; background-color:-moz-linear-gradient(top,#9C8F67,#C7BE9B 30%); background-color:-webkit-linear-gradient(top,#9C8F67,#C7BE9B 30%); background-color:-ms-linear-gradient(top,#9C8F67,#C7BE9B 30%); border-radius:15px; border: 1px solid black; padding:5px; color:#FFFFFF; }
figure{ background-color:white; width:340px; text-align:center; padding:15px; font-family:'Comic Sans MS',cursive; border:1px solid black; box-shadow:5px 5px 3px rgba(0,0,0,0.7); -moz-transform:rotate (-5deg); -ms-transform:rotate (-5deg); -webkit-transform:rotate (-5deg); }