Home
•
Contact
•
Privacy Policy
•
ToS
🔍
HTML Table - Cell Padding
Learn how to create HTML Table - Cell Padding using html, css and/or js.
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 15px; } </style> </head> <body> <h2>Cellpadding</h2> <p>Cell padding specifies the space between the cell content and its borders.</p> <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table> <p><strong>Tip:</strong> Try to change the padding to 5px.</p> </body> </html>
Random HTML Example Codes:
Demo: CSS image hover effects
Radio Buttons
The HTML <title> Element
A stupid button
SUPER SIMPLE FULL PAGE PRELOADER
CSS Switch
Bootstrap select Live search example
Another Skewed CSS Background
Custom styles for Input file
Hover Effect Ideas-2
Nested HTML Lists
CSS Options for Text Alignment
bootstrap breadcrumb example
HTML Table - Empty Colgroups
Standard HTML page format (basic html page)
Responsive Material Design Timeline
JavaScript Reaction Time Game
Convert user entered text box value in uppercase using jQuery
HTML <blockquote> for Quotations
Spacing between thead and tbody
CSS Shake Annimation
Responsive Text Size
HTML <abbr> for Abbreviations
CSS Flip Animation
HTML <header> Element
Side menu admin dashboard
Semantic-ui (Modal and Calendar)
Basic Terminal Emulator
CSS Only Ribbon
Table Rows
