Remove clear: both property from your div. Left class and give top: 30px.
The layout for rotated transforms is just very broken. The sane behavior would be that the default layout of a transformed element would be within its bounding box, however transformed, but that just isn't the case. The only way I've ever been able to get layout to be sane is with explicit size and/or positioning, as appropriate.
If you get out your web debugger (e.g. Firebug) and dig into the box positioning, you'll see that they're being laid out with their sizes before the transform is applied. IMO that's completely insane, but there you go.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.