<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS empty-cells property</title> <style> table { width: 300px; border-collapse: separate; } table, th, td{ border: 3px solid purple; } table.empty-show { empty-cells: show; } table.empty-hide { empty-cells: hide; } </style> </head> <body> <h2>Empty-cells</h2> <table class="empty-show"> <tr> <th>Name</th> <td>Ram</td> </tr> <tr> <th>Email</th> <td></td> </tr> </table> <br> <h2>Hidden Empty-cells</h2> <table class="empty-hide"> <tr> <th>Name</th> <td>Raj</td> </tr> <tr> <th>Email</th> <td></td> </tr> </table> <p><strong>Note:</strong> The empty cell in the second example table is completely hidden. Non-breaking space (i.e. &nbsp;) is considered as content.</p> </body> </html>