HTML CSS examples for CSS Widget:Definition List
Use DL DT DD to create a list of rows
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .about-facts dt { padding:11px 0; } .about-facts dt { width:100px; float:left; font-weight:bold; } .about-facts dd { padding:11px 0 11px 121px; border-bottom:2px dotted Chartreuse; } </style> <!-- w ww .ja va2 s . co m--> </head> <body> <dl class="about-facts"> <dt> Profession: </dt> <dd> Studying Computer Science at Carleton University </dd> <dt> Experience: </dt> <dd> Resume </dd> </dl> </body> </html>