Comment faire pivoter une div HTML à 90 degrés?

Question

J'ai un <div> que je veux que cela affiche perpendiculairement - je veux le déplacer à 90 degrés.

 <div id="container_2"></div>
 

Comment puis-je faire ceci?

Answer 1

Vous avez besoin de CSS pour y parvenir, par exemple:

 #container_2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
 

démo: http://jsbin.com/opamiq/1/

(il y a une rotation de 45 degrés dans la démo pour que vous puissiez voir l'effet)

Answer 2

Utilisez ce qui suit dans votre CSS

 div {
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -moz-transform: rotate(90deg);   /* Firefox */
    -ms-transform: rotate(90deg);   /* IE 9 */
    -o-transform: rotate(90deg);   /* Opera */
    transform: rotate(90deg);
}