Yahoo Baba : CSS Table Properties

Employee Record
Firstname Lastname Savings
Mohansdfsdfdsfsdfsdfsdfdf Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, minima. Kumarsdfdsfsdfsdfsdfsd $100
Salimdsfdsfdsfsdfdsfdsf Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, veritatis. Khan
Inder Singh $300
Peter Brown $250
Peter Brown $250
Peter Brown $250
Peter Brown $250
Peter Brown $250
Exported from Notepad++
<html> <head> <title>Basic Layout</title> <style> body{ font-family:arial,helvetica; } table{ width: 300px; table-layout:auto; border-collapse:collapse; } table, td, th { border: 1px solid #ddd; } td,th{ vertical-align:top; padding:5px 20px; } caption{ caption-side:top; } tr:hover{ } tr:nth-child(even){ background: #f2f2f2; } </style> </head> <body> <h1>Yahoo Baba : CSS Table Properties</h1> <table> <caption>Employee Record</caption> <tr> <th>Firstname</th> <th>Lastname</th> <th>Savings</th> </tr> <tr> <td>Mohansdfsdfdsfsdfsdfsdfdf Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, minima.</td> <td>Kumarsdfdsfsdfsdfsdfsd</td> <td>$100</td> </tr> <tr> <td>Salimdsfdsfdsfsdfdsfdsf Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, veritatis.</td> <td>Khan</td> <td></td> </tr> <tr> <td>Inder</td> <td>Singh</td> <td>$300</td> </tr> <tr> <td>Peter</td> <td>Brown</td> <td>$250</td> </tr> <tr> <td>Peter</td> <td>Brown</td> <td>$250</td> </tr> <tr> <td>Peter</td> <td>Brown</td> <td>$250</td> </tr> <tr> <td>Peter</td> <td>Brown</td> <td>$250</td> </tr> <tr> <td>Peter</td> <td>Brown</td> <td>$250</td> </tr> </table> </body> </html>