title: Create/Align Columns in CSS without using tables
body: <p>I have a unique design question. Basically I'm writing a chat script and would like to make the layout more uniform. Is it possible to have a unique set of columns per chat line without creating a new table for each line? For instance this is the design I am ideally looking for.</p>
  
  <pre><code>    [TimeStamp] Me: I am writing a long message and this text will be
                      wrapped to the next line. See how the message text
                      is aligned perfectly when wrapped?
      [TimeStamp] Them: When they write a message that requires wrapping
                        it aligns perfectly for them.
      [TimeStamp] OtherPeople: I think this makes the concept clear if it
                               needs wrapping it aligns for each "poster"
  </code></pre>
  
  <p>If I create 1 table for all the messages it may make certain columns longer than they should be. I know creating a new table for each new post could accomplish this, just wondering if there is a more "Web 2.0" CSS way of doing this. Any help is appreciated.</p>