What's a good way to handle this simple example in CSS?
Let's say I have the following layout on some pages:

       

          

                   Title: Some Title   
                  Author: Some Author   
    Author Date of Birth: Date of birth

Notes:

 - Left side text is right-aligned and bold.
 - Used on several different pages.
 - The right side can contain input controls at some point.

What would be the most appropriate method to apply in this situation?  I can think of a few options (assume CSS applied in external style sheet):

**Table**

Simple, easy, but I'm not sure this would be considered a good use of tables. 

    <table>
     <tr>
      <td>Title</td>
      <td>Some Title</td>
     </tr>
    </table>

 

**Div + Classes**

I feel like this is a case of divitis and classitis rolled into one.

    <div class="information">
     <div class="title">Title</div><div class="value">Some Title</div>
    </div>



**Container Div**

This feels more like the right path but I'm not sure.

    <div class="information">
     <strong>Title</strong> <span>Some Title</span>
    </div>

Suggestions?

What's a good way to handle this simple example in CSS?
===

Let's say I have the following layout on some pages:

       

          

                   Title: Some Title   
                  Author: Some Author   
    Author Date of Birth: Date of birth

Notes:

 - Left side text is right-aligned and bold.
 - Used on several different pages.
 - The right side can contain input controls at some point.

What would be the most appropriate method to apply in this situation?  I can think of a few options (assume CSS applied in external style sheet):

**Table**

Simple, easy, but I'm not sure this would be considered a good use of tables. 

    <table>
     <tr>
      <td>Title</td>
      <td>Some Title</td>
     </tr>
    </table>

 

**Div + Classes**

I feel like this is a case of divitis and classitis rolled into one.

    <div class="information">
     <div class="title">Title</div><div class="value">Some Title</div>
    </div>



**Container Div**

This feels more like the right path but I'm not sure.

    <div class="information">
     <strong>Title</strong> <span>Some Title</span>
    </div>

Suggestions?
