Text Alignment
Column alignment is controlled by placing colons (:) in the separator row.
| Separator | Alignment |
|---|---|
--- |
Default (no alignment style) |
:--- |
Left |
:---: |
Centre |
---: |
Right |
No alignment
Left alignment
Centre alignment
Right alignment
Mixed alignment
| Item | Value | Qty |
| :-------- | -----: | :--: |
| Computer | $1600 | 1 |
| Phone | $12 | 5 |
| Pipe | $1 | 200 |
| Item | Value | Qty |
|---|---|---|
| Computer | $1600 | 1 |
| Phone | $12 | 5 |
| Pipe | $1 | 200 |
<table>
<thead>
<tr>
<th style="text-align:left">Item</th>
<th style="text-align:right">Value</th>
<th style="text-align:center">Qty</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">Computer</td>
<td style="text-align:right">$1600</td>
<td style="text-align:center">1</td>
</tr>
<tr>
<td style="text-align:left">Phone</td>
<td style="text-align:right">$12</td>
<td style="text-align:center">5</td>
</tr>
<tr>
<td style="text-align:left">Pipe</td>
<td style="text-align:right">$1</td>
<td style="text-align:center">200</td>
</tr>
</tbody>
</table>
Note
Alignment from the separator row applies to every body row in the column, including the header cell.