Basic Table Elements and Attributes: Understanding the tr Attribute (Part 3)

Rumman Ansari   Software Engineer   2024-07-05 04:13:59   6010  Share
Subject Syllabus DetailsSubject Details
☰ TContent
☰Fullscreen

We already discuss about these below attributes

  1. The align Attribute
  2. The bgcolor Attribute
  3. The border Attribute
  4. The cellpadding Attribute
  5. The cellspacing Attribute
  6. The dir Attribute
  7. The frame Attribute
  8. The rules Attribute
  9. The summary Attribute
  10. The width Attribute
  • The <table> Element Creates a Table
    1. The align Attribute
    2. The bgcolor Attribute
    3. The border Attribute
    4. The cellpadding Attribute
    5. The cellspacing Attribute
    6. The dir Attribute
    7. The frame Attribute
    8. The rules Attribute
    9. The summary Attribute
    10. The width Attribute
  • The <tr> Element Contains Table Rows
    1. The align Attribute
    2. The bgcolor Attribute
    3. The char Attribute
    4. The charoff Attribute
    5. The valign Attribute
  • The <td> and <th> Elements Represent Table Cells
    1. The abbr Attribute
    2. The align Attribute
    3. The axis Attribute
    4. The bgcolor Attribute
    5. The char Attribute
    6. The charoff Attribute
    7. The colspan Attribute
    8. The headers Attribute
    9. The height Attribute
    10. The nowrap Attribute
    11. The rowspan Attribute
    12. The scope Attribute
    13. The valign Attribute
    14. The width Attribute
  • Adding a <caption> to a Table
  • Spanning Columns Using the colspan Attribute
  • Spanning Rows Using the rowspan Attribute
  • Splitting Up Tables Using a Head, Body, and Foot
  • Grouping Columns Using the <colgroup> Element
  • Columns Sharing Styles Using the <col> Element
  • Nested Tables

The align Attribute

The align attribute specifies the position of the content of all of the cells in the row.

align = "alignment"

By default, any <td> cells are usually left - aligned, whereas any <th> cells are usually centered.

The table that follows lists the possible values for the align attribute:

Value Purpose Example
left Content is left - aligned. align = "left"
right Content is right - aligned. align = "right"
center Content is centered horizontally within the cell. align = "center"
justify Text within the cell is justified to fill the cell. align = "justify"
char Cell contents are aligned horizontally around the first instance of a specific character (for example, numbers could be aligned around the first instance of a decimal point). align = "char"

Example 1: align="left" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln">  </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"3"</span><span class="tag">&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"left"</span><span class="tag">&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Name</span><span class="tag">&lt;/th&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Food</span><span class="tag">&lt;/th&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"left"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Jakir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rasgola</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"left"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sabir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Masala Dosa</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"left"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sourav</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Biryani</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"left"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rohan</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Chole Batura</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"left"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rumman</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Birayani </span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
</span><span class="tag">&lt;/table&gt;</span><span class="pln">
</span>

Live Preview

Example 2: align="right" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln">  </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"3"</span><span class="tag">&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"right"</span><span class="tag">&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Name</span><span class="tag">&lt;/th&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Food</span><span class="tag">&lt;/th&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"right"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Jakir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rasgola</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"right"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sabir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Masala Dosa</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"right"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sourav</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Biryani</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"right"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rohan</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Chole Batura</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"right"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rumman</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Birayani </span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
</span><span class="tag">&lt;/table&gt;</span><span class="pln">
</span>

Live Preview

Example 3: align="center" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln">  </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"3"</span><span class="tag">&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"center"</span><span class="tag">&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Name</span><span class="tag">&lt;/th&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Food</span><span class="tag">&lt;/th&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"center"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Jakir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rasgola</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"center"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sabir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Masala Dosa</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"center"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sourav</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Biryani</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"center"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rohan</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Chole Batura</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"center"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rumman</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Birayani </span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
</span><span class="tag">&lt;/table&gt;</span><span class="pln">
</span>

Live Preview

Example 4: align="justify" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln"> </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"3"</span><span class="tag">&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"justify"</span><span class="tag">&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Name</span><span class="tag">&lt;/th&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Food</span><span class="tag">&lt;/th&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"justify"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Jakir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rasgola</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"justify"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sabir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Masala Dosa</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"justify"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sourav</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Biryani</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"justify"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rohan</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Chole Batura</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"justify"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rumman</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Birayani </span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
</span><span class="tag">&lt;/table&gt;</span><span class="pln">
</span>

Live Preview

Example 5: align="char" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln">  </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"3"</span><span class="tag">&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="tag">&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Name</span><span class="tag">&lt;/th&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Food</span><span class="tag">&lt;/th&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Jakir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rasgola</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sabir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Masala Dosa</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sourav</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Biryani</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rohan</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Chole Batura</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rumman</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Birayani </span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
</span><span class="tag">&lt;/table&gt;</span><span class="pln">
</span>

Live Preview

The bgcolor Attribute

The bgcolor attribute sets the background color for the row. 

bgcolor = "red"

Example 5: bgcolor = "pink" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln">  </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"3"</span><span class="tag">&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="atv">"pink"</span><span class="tag">&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Name</span><span class="tag">&lt;/th&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Food</span><span class="tag">&lt;/th&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="atv">"red"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Jakir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rasgola</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="atv">"yellow"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sabir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Masala Dosa</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="atv">"red"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sourav</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Biryani</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="atv">"pink"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rohan</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Chole Batura</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="atv">"red"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rumman</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Birayani </span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
</span><span class="tag">&lt;/table&gt;</span><span class="pln">
</span>

Live Preview

The char Attribute

The char attribute specifies the alignment of the content in a cell to a character.

The char attribute can only be used if the align attribute is set to "char".

The default value of char is the decimal-point character of the page language.

The <td> char attribute is not supported in HTML5. 

$10.00

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln">  </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"3"</span><span class="tag">&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="pln"> </span><span class="atn">char</span><span class="pun">=</span><span class="atv">"."</span><span class="tag">&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Name</span><span class="tag">&lt;/th&gt;</span><span class="pln">
</span><span class="tag">&lt;th&gt;</span><span class="pln">Salary</span><span class="tag">&lt;/th&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="pln"> </span><span class="atn">char</span><span class="pun">=</span><span class="atv">"."</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Jakir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">$100.78</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="pln"> </span><span class="atn">char</span><span class="pun">=</span><span class="atv">"."</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sabir</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">$1200.78</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="pln"> </span><span class="atn">char</span><span class="pun">=</span><span class="atv">"."</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Sourav</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">$1030.78</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="pln"> </span><span class="atn">char</span><span class="pun">=</span><span class="atv">"."</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rohan</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">$1300.78</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="pln"> </span><span class="atn">char</span><span class="pun">=</span><span class="atv">"."</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">Rumman</span><span class="tag">&lt;/td&gt;</span><span class="pln">
        </span><span class="tag">&lt;td&gt;</span><span class="pln">$1400.78 </span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
</span><span class="tag">&lt;/table&gt;</span><span class="pln">
</span>

Live Preview

The charoff Attribute 

charoff = "2"

The <td> charoff attribute is not supported in HTML5.

The charoff attribute sets the number of characters the content will be aligned from the character specified by the char attribute. For example, if it is given a value of 2 , then the elements are aligned with the character that is two characters along from the one specified by the char attribute. It can also take a negative value.

The charoff attribute can only be used if the char attribute is specified and the align attribute is set to "char". 

<span class="pln">
</span><span class="tag">&lt;table&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr&gt;</span><span class="pln">
    </span><span class="tag">&lt;th&gt;</span><span class="pln">Name</span><span class="tag">&lt;/th&gt;</span><span class="pln">
    </span><span class="tag">&lt;th&gt;</span><span class="pln">Salary</span><span class="tag">&lt;/th&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr&gt;</span><span class="pln">
    </span><span class="tag">&lt;td&gt;</span><span class="pln">Xman</span><span class="tag">&lt;/td&gt;</span><span class="pln">
    </span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="pln"> </span><span class="atn">char</span><span class="pun">=</span><span class="atv">"."</span><span class="pln"> </span><span class="atn">charoff</span><span class="pun">=</span><span class="atv">"2"</span><span class="tag">&gt;</span><span class="pln">$1000.00</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
  </span><span class="tag">&lt;tr&gt;</span><span class="pln">
    </span><span class="tag">&lt;td&gt;</span><span class="pln">Kreesh</span><span class="tag">&lt;/td&gt;</span><span class="pln">
    </span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">align</span><span class="pun">=</span><span class="atv">"char"</span><span class="pln"> </span><span class="atn">char</span><span class="pun">=</span><span class="atv">"."</span><span class="pln"> </span><span class="atn">charoff</span><span class="pun">=</span><span class="atv">"2"</span><span class="tag">&gt;</span><span class="pln">$1043.00</span><span class="tag">&lt;/td&gt;</span><span class="pln">
  </span><span class="tag">&lt;/tr&gt;</span><span class="pln">
</span><span class="tag">&lt;/table&gt;</span><span class="pln">
</span>

this attribute is not supported at the time of this writing, and there is no requirement for browsers to support it.

Live Preview

The valign Attribute

The purpose of the HTML valign attribute is to define the vertical alignment of the content of a table cell.

HTML valign attribute supports col, colgroup, tbody, td, tfoot, th, thead, tr elements.

ElementName valign = "value"

The table that follows shows the possible values of the valign attribute:

Value Description
top Sets the vertical alignment of cell content top.
middle Sets the vertical alignment of cell content center.
bottom Sets the vertical alignment of cell content bottom.
baseline If set, the first text line occurs on a baseline common to all cells in the row.

Example 1: valign="top" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln"> </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"1"</span><span class="pln"> </span><span class="atn">cellpadding</span><span class="pun">=</span><span class="atv">"2"</span><span class="pln"> </span><span class="atn">height</span><span class="pun">=</span><span class="atv">"200"</span><span class="tag">&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="pln"> </span><span class="tag">&gt;</span><span class="pln">Student Code </span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Percentage of marks</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Grade</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Remarks</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">&gt;</span><span class="pln">S001</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">&gt;</span><span class="pln">92</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">&gt;</span><span class="pln">A+</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">&gt;</span><span class="pln">Excellent</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">&gt;</span><span class="pln">S002</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">&gt;</span><span class="pln">76</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">&gt;</span><span class="pln">B+</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">&gt;</span><span class="pln">Good</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;/table&gt;</span><span class="pln"> 
</span>

Live Preview

Example 2: valign="middle" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln"> </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"1"</span><span class="pln"> </span><span class="atn">cellpadding</span><span class="pun">=</span><span class="atv">"2"</span><span class="pln"> </span><span class="atn">height</span><span class="pun">=</span><span class="atv">"200"</span><span class="tag">&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="pln"> </span><span class="tag">&gt;</span><span class="pln">Student Code </span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Percentage of marks</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Grade</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Remarks</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">S001</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">92</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">A+</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Excellent</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">S002</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">76</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">B+</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Good</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;/table&gt;</span><span class="pln"> 
</span>

Live Preview

Example 3: valign="bottom" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln"> </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"1"</span><span class="pln"> </span><span class="atn">cellpadding</span><span class="pun">=</span><span class="atv">"2"</span><span class="pln"> </span><span class="atn">height</span><span class="pun">=</span><span class="atv">"200"</span><span class="tag">&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="pln"> </span><span class="tag">&gt;</span><span class="pln">Student Code </span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Percentage of marks</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Grade</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Remarks</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"bottom"</span><span class="tag">&gt;</span><span class="pln">S001</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"bottom"</span><span class="tag">&gt;</span><span class="pln">92</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"bottom"</span><span class="tag">&gt;</span><span class="pln">A+</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"bottom"</span><span class="tag">&gt;</span><span class="pln">Excellent</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"bottom"</span><span class="tag">&gt;</span><span class="pln">S002</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"bottom"</span><span class="tag">&gt;</span><span class="pln">76</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"bottom"</span><span class="tag">&gt;</span><span class="pln">B+</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"bottom"</span><span class="tag">&gt;</span><span class="pln">Good</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;/table&gt;</span><span class="pln"> 
</span>

Live Preview

Example 4: valign="baseline" 

<span class="pln">
</span><span class="tag">&lt;table</span><span class="pln"> </span><span class="atn">border</span><span class="pun">=</span><span class="atv">"1"</span><span class="pln"> </span><span class="atn">cellpadding</span><span class="pun">=</span><span class="atv">"2"</span><span class="pln"> </span><span class="atn">height</span><span class="pun">=</span><span class="atv">"200"</span><span class="tag">&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="pln"> </span><span class="tag">&gt;</span><span class="pln">Student Code </span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Percentage of marks</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Grade</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;th</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"middle"</span><span class="tag">&gt;</span><span class="pln">Remarks</span><span class="tag">&lt;/th&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"baseline"</span><span class="tag">&gt;</span><span class="pln">S001</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"baseline"</span><span class="tag">&gt;</span><span class="pln">92</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"baseline"</span><span class="tag">&gt;</span><span class="pln">A+</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"baseline"</span><span class="tag">&gt;</span><span class="pln">Excellent</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"baseline"</span><span class="tag">&gt;</span><span class="pln">S002</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"baseline"</span><span class="tag">&gt;</span><span class="pln">76</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"baseline"</span><span class="tag">&gt;</span><span class="pln">B+</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;td</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"baseline"</span><span class="tag">&gt;</span><span class="pln">Good</span><span class="tag">&lt;/td&gt;</span><span class="pln">  
</span><span class="tag">&lt;/tr&gt;</span><span class="pln">  
</span><span class="tag">&lt;/table&gt;</span><span class="pln"> 
</span>

Live Preview


No Questions Data Available.
No Program Data.

Stay Ahead of the Curve! Check out these trending topics and sharpen your skills.