Как бы вы повернули блок на 45 градусов?

.block {
  transform: rotate(45deg); /* Поворачивает элемент на 45 градусов по часовой стрелке */
}

Можно также использовать 3D-поворот:

.block {
  transform: rotate3d(0, 0, 1, 45deg); /* Поворачивает элемент вокруг оси Z на 45 градусов */
}

Для совместимости со старыми браузерами (IE9):

.block {
  -ms-transform: rotate(45deg); /* IE 9 */
  transform: rotate(45deg);
}

Для совместимости с другими префиксами (-webkit-, -moz-, -o-):

.block {
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(45deg); /* Firefox */
  -o-transform: rotate(45deg); /* Opera */
  transform: rotate(45deg);
}