Horje
How to create HTML Align Table Headers

By default, table headers are bold and centered:


Full Example of HTML Align Table Headers

To left-align the table headers, use the CSS text-align property:
index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th {
  text-align: left;
}
</style>
</head>
<body>

<h2>Left-align Headers</h2>

<p>To left-align the table headers, use the CSS text-align property.</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>
</table>

</body>
</html>

Output should be:

Full Example of HTML Align Table Headers
Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_th_align





Related Articles
What is HTML Table Headers HTML Table Headers
How to create Table Headers in HTML HTML Table Headers
How to create HTML Vertical Table Headers HTML Table Headers
How to create HTML Align Table Headers HTML Table Headers
How to create HTML Header for Multiple Columns HTML Table Headers
How to create HTML Table Caption HTML Table Headers

Single Articles
Full Example of HTML Align Table HeadersHTML Table Headers

Read Full:
HTML Table Headers
Category:
Web Tutorial
Sub Category:
HTML Table Headers
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
26



Share on: