The colours change to show how the border colours look.
| No. | Cum, nostrum! | Eveniet, quasi. lorem34 | Optio, neque. |
|---|---|---|---|
| 1. | Natus alias itaque impedit? | Vel blanditiis molestiae quaerat. | Ab vel tempore repudiandae? |
| 2. | Culpa architecto ipsum illo. | Quisquam asperiores delectus aliquid. | Sed in ullam maiores! |
| 3. | Laborum sunt esse blanditiis. | Illo et quaerat dicta. | Minima mollitia dolores repellendus. |
| 4. | Ipsum earum illum eveniet. | Odio unde fuga ipsum. | Eligendi temporibus laborum voluptates. |
| 5. | Itaque officia quaerat doloribus. | Dolore cupiditate velit reiciendis. | Earum voluptatibus officiis iure. |
The table below illustrates default vertical alignment in table cells.
| No. | Cum, nostrum this has line breaks |
Eveniet, quasi. | Optio, neque. |
|---|---|---|---|
| 1. | This cell has much more text. This is so you can see the default vertical alignment of the text in the other table cells which in middle. You can also see how the text has expanded the size of both the table cell and the table itself to allow for the increase in the number of words. | Vel blanditiis molestiae quaerat. | Ab vel tempore repudiandae? |
| 2. | Culpa architecto ipsum illo. | Quisquam asperiores delectus aliquid. | Sed in ullam maiores! |
| 3. | Laborum sunt esse blanditiis. | Illo et quaerat dicta. | Minima mollitia dolores repellendus. |
| 4. | Ipsum earum illum eveniet. | Odio unde fuga ipsum. | Eligendi temporibus laborum voluptates. |
| 5. | Itaque officia quaerat doloribus. | Dolore cupiditate velit reiciendis. | Earum voluptatibus officiis iure. |
This table has the table headings (th) as the first cell in a table row for a horizontal layout.
| heading 1 | Line breaks to illustrate vertical alignment Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo! |
Very short but aligned left. | Cumque quasi earum consectetur soluta illum corrupti odit natus. |
|---|---|---|---|
| heading 2 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto! | Doloribus temporibus iusto cum sequi qui voluptate magni ipsam. | Tempora dignissimos ad voluptate nobis laudantium quas facilis quisquam. |
| heading 3 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vero. | Eaque perferendis earum molestiae reiciendis mollitia laboriosam voluptatum minus! | Repellendus error, cum nulla aspernatur dignissimos similique debitis reprehenderit? |
| heading 4 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas. | Voluptas molestiae illo facilis velit debitis? Fugit, minima quam. | Qui ducimus consectetur animi nihil voluptatibus maxime similique voluptate? |
| heading 5 is extra long to show how the other headings align. | Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis. | Officia temporibus quasi nemo, fuga pariatur nesciunt minus! Aut. | Reiciendis officiis sint blanditiis sapiente quo enim voluptatibus deserunt. |