Поворот изображения через css, изображение сохраняет вертикальное пространство

Question

У меня вертикальное изображение, и я поворачиваю его на 90 градусов. Однако пространство по высоте сохраняется, сохраняя изображения вертикально друг от друга. Изображения имеют размер 90 x 300. Изображения повернуты, но при этом сохранено пространство в 90 пикселей. Как избавиться от вертикального пространства.

.rotateimg {
transform: rotate(90deg); /* Equal to rotateZ(45deg) */
}

Answer 1

Можно установить отрицательную маржу. Например:

.rotateimg {
  transform: rotate(90deg);
  margin-top: -100px;
  margin-bottom: -100px;
}