title: Centering left-aligned text over image
body: <p>I want text over an image that's always centered. The following code achieves that. However, I have a further requirement in that I'd like the text itself to be left-aligned, as opposed to centered, and I'd like to specify a width of 100px for the text so that the words wrap. How can I achieve this?</p>
  
  <pre><code>&lt;div id="typewritter-text"&gt;
      &lt;span id='typewritter'&gt;Lorem Ipsum&lt;/span&gt;
  &lt;/div&gt;
  
  #typewritter-text {
      color: white;
      position: absolute;
      left: -65px;
      position:absolute;
      text-align:center;
      top: 400px;
      width: 100%;
  }
  </code></pre>