Run
<!doctype html> <html lang="en"> <head> <title>CSS Do Not Use Text Align Property to Center Align Table</title> <style> table.mytable-textal{ border-collapse: collapse; } table.mytable-textal td, table.mytable-textal th{ border: 1px solid #ccc; } .mydiv-tablealign{ text-align:center } </style> </head> <body> <h2>CSS Do Not Use Text Align Property to Center Align Table</h2> <div class="mydiv-tablealign"> <table class="mytable-textal"> <tr> <th>Sr. No</th> <th>Equipment Name</th> <th>Weight(in Kg)</th> </tr> <tr> <td>1</td> <td>Laptop</td> <td>2.93</td> </tr> <tr> <td>2</td> <td>Television</td> <td>.23</td> </tr> <tr> <td>3</td> <td>LPG Cylinder</td> <td>14.56</td> </tr> <tr> <td>4</td> <td>Dining Table</td> <td>9</td> </tr> </table> </div> </body> </html>
Go to
Tutorialdeep Homepage