HTML5 MathML columnalign Attribute

Last Updated : 23 Jul, 2025

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:

HTML

<!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>