How to Right Align content in Table Cells using CSS?

Right Align content in Table Cells

To right align content in table cells using CSS, set the CSS text-align property to right for the table cells td.

The CSS code to set text-align property for the table cells is shown in the following.

td {
  text-align: right;
}

Examples

1. Right align text in table cells

In the following example, we take a table with two columns, and three rows; and set the text alignment to right for the table cells.

index.html

Conclusion

In this CSS Tutorial, we learned how to use CSS text-align property to right align content in the table cells, with examples.