Edit in JSFiddle

* {
  font-size: 4em;
}

.relative {
  position: relative;
}

.rotate {
  float: left;
  -ms-transform: rotate(22deg);
  /* IE 9 */
  -webkit-transform: rotate(22deg);
  /* Chrome, Safari, Opera */
  transform: rotate(22deg);
  -webkit-transition: ease-in-out all 2s;
  /* For Safari 3.1 to 6.0 */
  transition: ease-in-out all 2s;
}

.rotate:hover {
  float: left;
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Chrome, Safari, Opera */
  transform: rotate(0deg);
  -webkit-transition: ease-in-out all 2s;
  /* For Safari 3.1 to 6.0 */
  transition: ease-in-out all 2s;
  
}

.float-left {
  float: left
}

.padding {
  padding: 1em;
}

.bold {
  font-weight: bold;
}

.center {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
}