Streaming live at 10am (PST)

Containing Rotated Text inside Div?

Hey everyone, I am trying to rotate a few separate lines inside a div but I can’t seem to make it work properly. When rotated it extends out of the div container and leaves quite a bit of space on either sides. Changing Transform Origin does not work as well. Please see below images for the issue. Sorry about the garish colors, just trying to illustrate a point.

It also does not contain 4th line in its entirety and moves one word to the next line, even though there is plenty of space above it.

Below is before rotation. As you can see it fits perfectly within the left section and has no space on either side.

Here is the site: https://preview.webflow.com/preview/textrotation?utm_medium=preview_link&utm_source=dashboard&utm_content=textrotation&preview=9947bc3de2e8217d803f9456a989a322&mode=preview

Thanks.