HTML CSS examples for CSS Widget:Div Table
Adding a divider to a HTML table structure
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .my-info {<!-- w w w . j ava 2 s. c o m--> border-collapse:collapse; } .my-info td { padding:0 4px; } .bottom-border { border-bottom:2px dashed Chartreuse; } </style> </head> <body> <table class="my-info"> <tbody> <tr> <td class="info-left">First name:</td> <td class="info-highlight">FirstName</td> </tr> <tr> <td class="info-left bottom-border">Surname:</td> <td class="info-highlight bottom-border">Surname</td> </tr> <tr> <td class="info-left">Email:</td> <td class="info-highlight">TheEmail</td> </tr> </tbody> </table> </body> </html>