Tables

Example

Favorites by topic
No. Fruit Animal Superhero Color
1 Apple Penguin Spider-Man Blue
2 Banana Sloth Wonder Woman Yellow
3 Watermelon Kangaroo Iron Man Green

<table>
	<caption>
    	Favorites by topic
  	</caption>
	<thead>
		<tr>
			<th>No.</th>
			<th>Fruit</th>
			<th>Animal</th>
			<th>Superhero</th>
			<th>Color</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th>1</th>
			<td>Apple</td>
			<td>Penguin</td>
			<td>Spider-Man</td>
			<td>Blue</td>
		</tr>
		<tr>
			<th>2</th>
			<td>Banana</td>
			<td>Sloth</td>
			<td>Wonder Woman</td>
			<td>Yellow</td>
		</tr>
		<tr>
			<th>3</th>
			<td>Watermelon</td>
			<td>Kangaroo</td>
			<td>Iron Man</td>
			<td>Green</td>
		</tr>
	
	</tbody>
	<tfoot>
		<tr>
			<th aria-hidden="true"></th>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</tfoot>
</table>
Please use tbody, thead and tfoot for better accessibility.

Modal title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum harum laborum quo vero veritatis eaque similique fuga quae, repudiandae, necessitatibus dolorem facere obcaecati beatae architecto expedita laboriosam cumque numquam inventore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum harum laborum quo vero veritatis eaque similique fuga quae, repudiandae, necessitatibus dolorem facere obcaecati beatae architecto expedita laboriosam cumque numquam inventore.

Dialog title

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores vitae officia, voluptatem modi quos quisquam similique tenetur voluptatum, ratione suscipit numquam dolore aperiam molestiae impedit. Ut, maiores? Alias, quos facilis.