caption text-align: right; : caption « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. caption

caption text-align: right;

   

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>
<title>CSS Example</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type='text/css'>
/* CSS Document */
table {
  width: 250px;
}

th {
  background-color: #d6d6d6;
}

td {
  background-color: #efefef;
}

caption {
  caption-side: bottom;
  text-align: right;
  vertical-align: top;
}
</style>


</head>

<body>

<table>
  <caption>This is the caption for the table</caption>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>

</body>
</html>








Related examples in the same category

1.'caption' Example
2.'valign' defines the vertical alignment of text within the table cell or other element
3.caption-side: bottom
4.caption font-size: 90%;text-align: right;
5.Table caption tag
6.Table with caption and table header
7.caption font-weight: bold; / color: yellow;
8.caption color: yellow;
9.caption background-color: red;
10.caption tag summarizes the table's contents (this helps the visually impaired)
11.Set style for table caption
12.Caption align to the right
13.Table with caption, header, footer and table body
14.caption font-weight: bold;
15.caption text-align: left;
16.caption border-style: solid;
17.caption border-width: 1px;
18.caption border-color: #666666;
19.caption text-align: right
20.caption caption-side: bottom;
21.caption vertical-align: top;
22.caption margin-bottom: 5px;
23.caption text-transform: lowercase;
24.caption font-size: 160%;
25.caption padding: 5px;
26.caption letter-spacing: 10px;
27.caption font-size: 1.5em;
28.caption font-weight: 400;
29.caption margin: 0;
30.caption padding: 6px 0 8px;
31.caption font: 1.5em Georgia, "Times New Roman", Times, serif;
32.caption padding: 1em;
33.'align' specifies the alignment of text within the element