title: Vertically Align Individual Text Characters within a Word or Sentence
body: <p>I use a logo that is line and text based. I am wanting to include a variant of this in my website but create the logo from CSS.</p>
  
  <p><a href="https://i.stack.imgur.com/vxS8Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vxS8Z.png" alt="enter image description here"></a></p>
  
  <p>I'm trying to get "T - S o N" as one line but with the "o" vertically centered between the "S" and "N", as in the logo above. </p>
  
  <p>I'm very new to CSS and have struggled to get anything to work so far. I'm guessing that a table is the way to go but I dont really know how to go about it.</p>
  
  <p>Many thanks</p>