This attribute holds the horizontal alignment of the table cells. Possible values are left, right and center. This attribute is accepted by the <mtable>, <mtd>, <mtr> and <mlabeledtr> tags.
Syntax:
<element columnalign="left|right|center">
Attribute Values:
- left: This attributes sets the alignment of the context of each row to the left.
- right: This attributes sets the alignment of the context of each row to the right.
- center: This attributes sets the alignment of the context of each row into the center.
Below example illustrate the columnalign attribute in HTML5:
Example:
<!DOCTYPE html>
<html>
<head>
<title>HTML5 MathML columnalign Attribute</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h3>HTML5 MathML columnalign Attribute</h3>
<math>
<mi>GeeksforGeeks</mi>
<mo>=</mo>
<mtable frame="solid" rowlines="dashed"
columnalign="left" align="axis 1">
<mtr mathbackground="green;">
<mtd>Course</mtd>
<mtd>Fee</mtd>
</mtr>
<mtr>
<mtd>
<mi>C++ STL</mi>
</mtd>
<mtd>
<mi> 1499</mi>
</mtd>
</mtr>
<mtr>
<mtd>
<mi>Placement 100 </mi>
</mtd>
<mtd>
<mi>9999 </mi>
</mtd>
</mtr>
<mtr>
<mtd>
<mi>DSA Foundation </mi>
</mtd>
<mtd>
<mi>7999</mi>
</mtd>
</mtr>
</mtable>
</math>
</center>
</body>
</html>
Output:
Supported Browsers: The browsers supported by HTML5 MathML columnalign attribute are listed below:
- Firefox