title: CSS Display letters horizontally and add space between words
body: <p>I'm wanna make the letters of two words display vertically, from top to bottom and, to add a controllable space(a kind of padding-top) on the the last word.(See below image)</p>
  
  <p><a href="https://i.stack.imgur.com/DqRqF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DqRqF.png" alt="letter-direction: vertically"></a></p>
  
  <p>(In Photoshop, you obtain the above effect by pressing Shift + Enter after a letter.)</p>
  
  <hr>
  
  <p>I obtained something close, but somebody might know a better solution.
  <br>
  My solution:</p>
  
  <blockquote>
  <pre><code>&lt;p&gt;Stalk &amp;nbsp; Me&lt;/p&gt;
  
  &lt;!-- &amp;nbsp; is a HTML space entity --&gt;
  
  p {
      font-size      : 20px;
      width          : 28px;       /* depends on font-size */
      line-height    : 20px;       /* depends on font-size */
      word-wrap      : break-word;
      text-transform : uppercase;
      text-align     : center; 
  }
  </code></pre>
    
    <p>Live example: <a href="https://jsbin.com/sacimo/edit?html,css,output" rel="noreferrer">https://jsbin.com/sacimo/edit?html,css,output</a></p>
  </blockquote>
  
  <p><hr>
  Can somebody help me?</p>
  
  <p>Thank you!</p>