Center this table? |
Center this table? |
ruffles0599 |
Feb 20 2020, 05:51 PM
Post
#1
|
Group: Members Posts: 1 Joined: 20-February 20 Member No.: 27,179 |
How would i go about centering this entire table on the page? Thanks
CSS CODE .content-table { border-collapse: collapse; margin: 25px 0; font-size: 0.9em; min-width: 400px; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .content-table thead tr { background-color: #009879; color: #ffffff; text-align: left; font-weight: bold; } .content-table th, .content-table td { padding: 12px 15px; } .content-table tbody tr { border-bottom: 1px solid #dddddd; } .content-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .content-table tbody tr:last-of-type { border-bottom: 2px solid #009879; } .content-table tbody tr.active-row { font-weight: bold; color: #009879; } HTML CODE <table class="content-table"> <thead> <tr> <th>Rank</th> <th>Name</th> <th>Points</th> <th>Team</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Domenic</td> <td>88,110</td> <td>dcode</td> </tr> <tr class="active-row"> <td>2</td> <td>Sally</td> <td>72,400</td> <td>Students</td> </tr> <tr> <td>3</td> <td>Nick</td> <td>52,300</td> <td>dcode</td> </tr> </tbody> </table> |
pandy |
Feb 21 2020, 06:36 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,734 Joined: 9-August 06 Member No.: 6 |
See here: http://www.w3.org/Style/Examples/007/center.html .
|
Lo-Fi Version | Time is now: 11th May 2024 - 10:51 AM |