Breaking News: Grepper is joining You.com. Read the official announcement!

HTML Align Table Headers

Add Answer

Rakib answered on January 4, 2023 Popularity 8/10 Helpfulness 4/10

answer HTML Align Table Headers

related html table align top

related table html align top

HTML Align Table Headers

Comment

<!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>

Popularity 8/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Feb 18 2023

Rakib

0 Answers Avg Quality 2/10

Closely Related Answers

html table align top

Comment

#use css 
td, th {
  vertical-align: top;
}

Popularity 9/10 Helpfulness 5/10 Language html

Source: Grepper

Tags: html-table html

Link to this answer
Share Copy Link

Contributed on Jan 20 2023

Blasian

0 Answers Avg Quality 2/10

table html align top

Comment

<!--just use 'vertical-align' property on your <td> or <th> like this-->

<table>
  <tr>
    <td style="vertical-align: top;">Table cell content</td>
  </tr>
</table>

<!--or you can call it in .css file-->

Popularity 9/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jan 04 2023

Blasian

0 Answers Avg Quality 2/10

HTML Align Table Headers

Contents

More Related Answers

HTML Align Table Headers

Closely Related Answers

html table align top

table html align top

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.