Difference between revisions of "M365/test1"
< M365
Jump to navigation
Jump to search
| Line 20: | Line 20: | ||
clear: both; | clear: both; | ||
} | } | ||
| − | + | } | |
<h2>Three Equal Columns</h2> | <h2>Three Equal Columns</h2> | ||
Revision as of 20:32, 4 March 2023
{{#CSS:
<style>
- {
box-sizing: border-box;
}
/* Create three equal columns that floats next to each other */ .column {
float: left; width: 33.33%; padding: 10px; height: 300px; /* Should be removed. Only for demonstration */
}
/* Clear floats after the columns */ .row:after {
content: ""; display: table; clear: both;
} }
Three Equal Columns
Column 1
Some text..
Column 2
Some text..
Column 3
Some text..
