Bugl — code interview practice that feels like a game

Loading lesson path

Horizontal Alignment

The CSS text-align property is used to set the horizontal alignment of the content in <th> or <td>.

This property can have one of the following values:

Note

By default, the content of <th> elements are center-aligned and the content of <td> elements are left-aligned!

To center-align the content of <td> elements, use text-align: center :

Firstname	Lastname	Savings

Example

Formatted code

td {
  text-align: center;
}

Live preview

To force the content of <th> elements to be left-aligned, use text-align: left on <th> elements:

Firstname	Lastname	Savings

Example

Formatted code

th {
  text-align: left;
}

Live preview

The CSS vertical-align property sets the vertical alignment (like top, bottom, or middle) of the content in <th> or <td>.

Note

By default, the vertical alignment of the content in a table is middle (for both <th> and <td> elements).

The following example sets the vertical text alignment to bottom for <td> elements:

Firstname	Lastname	Savings

Example

Formatted code

td {
  height: 50px;
  vertical-align: bottom;
}

Live preview