HTML columns are used to arrange data in an organized way, this allows clear comparisons to be made between 2 things.
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.width: 50%;
, are added to the columns in the style sheet for that particular div
.Below is an example of how to create 2 basic columns in HTML.
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.
RELATED TAGS
View all Courses