HTML CSS examples for CSS Widget:UL Element
Create an ordered list with dotted lines
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> dl {<!--from w w w.jav a 2s . c o m--> width:401px } dt { float:left; width:301px; overflow:hidden; white-space:nowrap } dd { float:left; width:100px; overflow:hidden } dt span:after { content:" .................................................................................." } </style> </head> <body> <dl> <dt> <span>Lorem </span> </dt> <dd> Lorem </dd> <dt> <span>Lorem ipsum </span> </dt> <dd> Lorem </dd> <dt> <span>Lorem</span> </dt> <dd> Lorem i </dd> </dl> </body> </html>