旋转后垂直对齐两个对象

Question

我有两个对象（或元素？，我是CSS的新手），我想垂直对齐它们。问题是，其中一个已旋转，因此它垂直对齐原始对象而不是旋转对象。

div.sectionwrapper{
/* I'm assuming I need to put something here*/
}

div.left-section{
    transform: rotate(270deg);
    width: 500px;
    vertical-align:middle;
}

div.right-section{
    height: 500px;
    vertical-align:middle;
}