Hi, I am simulating a two cell table using CSS (thanks to glish.com). In reality, I would like to have 4 columns so the data is perfectly aligned with each successive row. Before crossing that hurdle, I wondered if there is another technique for alignment.
Basically I am seeking a cheapo method for keeping each column aligned with previouse.g.: Label: data Label: data Another: data Another: data I have tried using relative positioning but get mixed results with different browsers. Here is working test jig. How can I position the <span> enclosed data to be relative to the containing div, and not the text in the containing div? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> <html lang="en"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> <title>Test Page</title> <style type="text/css"> .left-column { float:left; width: 50%; } .data { padding-left: 1em; } </style> </head> <body> <div class="left-column"> <div>Name:<span class="data">John</span></div> <div>Home Phone:<span class="data">999-888-7777</span></div> </div> <div class="right-column"> <div>Address:<span class="data">111 Main Street</span></div> <div>Email:<span class="data">[EMAIL PROTECTED]</span></div> </div> </body> </html> ______________________________________________________________________ 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/
