не помню, но как-то видеол как делают отбивку для тега <b></b> и тогда текст в этом теге отступает и создается красивое оформление псевдотабличка HTML: <ul class="info"> <li>Псевдоним (ник)<b>{NICK}</b></li> <li>Имя<b>{FIRST}</b></li> <li>Фамилия<b>{LAST}</b></li> </ul> [html] делается все стилями. не напомните? [css] ul.info li b { ... } [/css]
Ну вот простенький вариант: HTML: <style type="text/css" media="all"> ul.info li { display: table-row; } ul.info li b{ display: table-cell; padding-left: 15px; } </style> <ul class="info"> <li>Псевдоним (ник) <b>{NICK}</b></li> <li>Имя <b>{FIRST}</b></li> <li>Фамилия <b>{LAST}</b></li> </ul> Ниже идет полный вариант (скопирован из DW): HTML: <!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=windows-1251" /> <title>Inline List</title> <style type="text/css" media="all"> ul.info li { display: table-row; } ul.info li b{ display: table-cell; padding-left: 15px; } </style> </head> <body> <ul class="info"> <li>Псевдоним (ник) <b>{NICK}</b></li> <li>Имя <b>{FIRST}</b></li> <li>Фамилия <b>{LAST}</b></li> </ul> </body> </html> Работает в IE8, в версиях прежних, по идее, работать не должно. Хака не знаю, так как на IE плевать.
[css]li { display: block; width: 150px; } li b { float: right; }[/css] Можете попробовать так. Но для соблюдения семантики, лучше использовать dl dt dd