Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> #father{ border:5px solid red; width:400px; overflow:auto; } table, th, td{ border:1px solid #ccc; } table{ border-collapse:collapse; width:600px; } th, td{ text-align:left; padding:10px; } </style> </head> <body> <div id="father"> <table> <tr> <th>STT</th> <th>Họ tên</th> <th>Ngày sinh</th> <th>Giới tính</th> <th>Quê quán</th> </tr> <tr> <td>1</td> <td>Trần Anh Đức</td> <td>03/08/1993</td> <td>Nam</td> <td>Cần Thơ</td> </tr> <tr> <td>2</td> <td>Kiều Thị Thu Hằng</td> <td>04/09/1991</td> <td>Nữ</td> <td>Vĩnh Long</td> </tr> <tr> <td>3</td> <td>Vương Thị Lê Na</td> <td>06/10/1991</td> <td>Nữ</td> <td>Sóc Trăng</td> </tr> <tr> <td>4</td> <td>Dương Kim Thương</td> <td>16/11/1990</td> <td>Nam</td> <td>Trà Vinh</td> </tr> <tr> <td>5</td> <td>Mai Đức Hiếu</td> <td>18/06/1989</td> <td>Nam</td> <td>Hậu Giang</td> </tr> </table> </div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> #father{ border:5px solid red; width:400px; overflow:auto; } table, th, td{ border:1px solid #ccc; } table{ border-collapse:collapse; width:600px; } th, td{ text-align:left; padding:10px; } </style> </head> <body> <div id="father"> <table> <tr> <th>STT</th> <th>Họ tên</th> <th>Ngày sinh</th> <th>Giới tính</th> <th>Quê quán</th> </tr> <tr> <td>1</td> <td>Trần Anh Đức</td> <td>03/08/1993</td> <td>Nam</td> <td>Cần Thơ</td> </tr> <tr> <td>2</td> <td>Kiều Thị Thu Hằng</td> <td>04/09/1991</td> <td>Nữ</td> <td>Vĩnh Long</td> </tr> <tr> <td>3</td> <td>Vương Thị Lê Na</td> <td>06/10/1991</td> <td>Nữ</td> <td>Sóc Trăng</td> </tr> <tr> <td>4</td> <td>Dương Kim Thương</td> <td>16/11/1990</td> <td>Nam</td> <td>Trà Vinh</td> </tr> <tr> <td>5</td> <td>Mai Đức Hiếu</td> <td>18/06/1989</td> <td>Nam</td> <td>Hậu Giang</td> </tr> </table> </div> </body> </html>