Difference between revisions of "M365/test1"

From wiki
Jump to navigation Jump to search
Line 7: Line 7:
 
}
 
}
  
/* Create two equal columns that floats next to each other */
+
.row {
 +
  display: flex;
 +
}
 +
 
 +
/* Create two equal columns that sits next to each other */
 
.column {
 
.column {
   float: left;
+
   flex: 50%;
  width: 50%;
 
 
   padding: 10px;
 
   padding: 10px;
 
   height: 300px; /* Should be removed. Only for demonstration */
 
   height: 300px; /* Should be removed. Only for demonstration */
}
 
 
/* Clear floats after the columns */
 
.row:after {
 
  content: "";
 
  display: table;
 
  clear: both;
 
 
}
 
}
 
</style>
 
</style>

Revision as of 21:28, 4 March 2023


Two Equal Columns

Column 1

Some text..

Column 2

Some text..