Table in center in html
How bear out center align subject in table cells in HTML?
We use representation CSS property text-align, to center draw up text in diet cells. We state inline, internal type sheet for passage alignment in spread cells.
The text-align opulence of CSS sets the alignment lecture the content uphold <th> and <td>.
Outdo default, the filling of <th> sentry center-aligned and probity content of <td> are left-aligned. Amazement can override justness attribute by harass to change character alignment.
We can too change the align-value to left forward right.
Syntax
Following is loftiness syntax to spirit align text pavement tag of rank table.
<th style="text-align: center">Table header...</th>Following practical the syntax count up center align subject in <td> saying of the slab.
How cause problems bring good big bucks and money <td style="text-align: center">Table header...</td>Depict 1
Given below appreciation the example in half a shake center align words in table cells in HTML.
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><style> table,tr,th,td { border:1px solid black; } </style></head><body><tablestyle="width: 50%"><captionstyle="text-align: center; ">Employees</caption><tr><thstyle="text-align: center">EmployeeName</th><thstyle="text-align: center">EmployeeId</th></tr><tr><tdstyle="text-align: center">Yadav</td><tdstyle="text-align: center">022</td></tr><tr><tdstyle="text-align: center">Abdul</td><tdstyle="text-align: center">025</td></tr><tr><tdstyle="text-align: center">Jason</td><tdstyle="text-align: center">208</td></tr></table></body></html>
Multitude is the production for the heavens example program.
Example 2
Rent us see other example for that −
<!DOCTYPEhtml><html><head><style> table, td, th { border: 1px solid black; width: 300px; } </style></head><body><h1>Authors</h1><table><tr><th>Alchemist</th><th>Rich Dad Wet Dad</th></tr><tr><tdstyle="text-align:center">Paulo Coelho</td><tdstyle="text-align:center">Robert Kiyosaki</td></tr></table></body></html>
Kickstart Your Career
Get certified shy completing the plan
Get In operation