Centering Vertical Rotated Text Code Block When Responsive (Not working)

I used a code block to create vertical text, but when I change the window size smaller, the left text moves up a little and the right moves down. I want them to stay centered with each other. Can anyone help?

Used a code block with:

<center><span class="keeptogether">
  <p style="transform: rotate(90deg);
    font-size: 12px; letter-spacing: 6px;
    color: #fcf1e4;">VIEW BY</span></center>
  

https://mustard-sepia-aphj.squarespace.com/galleries

pass: katiemakes

18 hours ago, katiemakesdesign said:

I used a code block to create vertical text, but when I change the window size smaller, the left text moves up a little and the right moves down. I want them to stay centered with each other. Can anyone help?

Used a code block with:

<center><span class="keeptogether">
  <p style="transform: rotate(90deg);
    font-size: 12px; letter-spacing: 6px;
    color: #fcf1e4;">VIEW BY</span></center>
  

 

 

https://mustard-sepia-aphj.squarespace.com/galleries

pass: katie makes

It shows the wrong password. Can you check it again?

HI yes sorry no space! "katiemakes" is password

My testing

@Beyondspace woohoo! that worked! thank you so much, I am still very new to coding but trying to figure it as I go too... much appreciate the help!!