How To Create Table And Border in HTML Tutorial part8

If you merely need a border round the table, solely specify the border property for <table>
Width and height of a table area unit outlined by the breadth and height properties.

The text-align property sets the horizontal alignment (like left, right, or center) of the content in <th> or <td>.
By default, the content of <th> components area unit center-aligned and therefore the content of <td> components area unit left-aligned.

The following example left-aligns the text in <th> elements:
The vertical-align property sets the vertical alignment (like prime, bottom, or middle) of the content in <th> or <td>.

By default, the vertical alignment of the content during a table is middle (for each <th> and <td> elements).
The following example sets the vertical text alignment to bottom for <td> elements:

Add a instrumentality component (like <div>) with overflow-x:auto round the <table> component to form it responsive:

 DOWNLOAD   Output File