How to create columns in HTML

Defining columns in HTML

An HTML column is defined in the <div> tag using the class = "column" keyword. More columns can be added by adding more divs with the same class. The following syntax is used to add columns in HTML.

• <div class="row"> tag is used to initialize the row where all the columns will be added.
• <div class="column" > tag is used to add the corresponding number of columns.
• style="background-color:#aaa;" property is used to give color to the column.
• Individual properties, such as width: 50%;, are added to the columns in the style sheet for that particular div.

Example

Below is an example of how to create 2 basic columns in HTML.

Multiple columns

HTML also allows the creation of more than two columns in a single row; we can set varying widths for these columns by specifying them in the style sheet.