I am trying to find the less-is-more approach to the following example. My goal is to have a list or definition list with two checkboxes floating to the right.
I'd like to know if there exist a better/cleaner solution. Regards, Matt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style type="text/css"> div { clear:both; } dl { width:300px; } dd { float:left; margin:0; padding:0; } dt { float:right; } </style> </head> <body> <div> <dl> <dd> <label>Some Text <span>(other text)</span></label> </dd> <dt> <input id="el4" type="checkbox" value="" /> <input name="el4" type="checkbox" value="" /> </dt> </dl> </div> <div> <dl> <dd> <label>Some Text <span>(other text)</span></label> </dd> <dt> <input id="el5" type="checkbox" value="" /> <input name="e15" type="checkbox" value="" /> </dt> </dl> </div> </body> </html> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
