Hello all,

I have a list of name:value pairs:

  <div class="container">

    <ul class="properties">
    <li>Name: Value</li>
        <li>Another name: Another value</li>
        <li>Other name: Other value</li>
        </ul>

  </div>

How do I display them such that they are aligned by the colon (centered
within the container)?:

         Name: Value
 Another name: Another value
   Other name: Other value

Perhaps the solution would be something like this:

  <div class="container">

    <ul class="properties">
    <li><span class="name">Name:</span><span class="value">Value</span></li>
        <li><span class="name">Another name:</span><span class="value">Another 
value</span></li>
        <li><span class="name">Other name:</span><span class="value">Other 
value</span></li>
        </ul>

  </div>

But what would the appropriate CSS be?

Thanks,
Curious.

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to