title: How to align about the colon in each line of text like movie credits often do
body: <p>I would like to align a few line of text about the colon in each line. So I have this:</p>
  
  <pre><code>aaa:111
  bbbbbbb:22222
  cccccccccc:33333333
  dd:44
  eeee:5555
  </code></pre>
  
  <p>I want them to align about the colon:</p>
  
  <pre><code>       aaa:111
     bbbbbbb:22222
  cccccccccc:33333333
          dd:44
        eeee:5555
  </code></pre>
  
  <p>So far I can manage it with a table and two columns, the left column text-align:right, and the right column text-align left. But I am so sure that there are much more elegant solutions than this. -- Any ideas?</p>
  
  <p>Thanks! </p>