Set how many columns an element should span across with CSS

CSSWeb DevelopmentFront End Technology

To set how many columns an element should span, use the column-span property. You can try to run the following code to implement the column-span property:

Example

Live Demo

<!DOCTYPE html>
<html>
<style>
.demo {
column-count: 4;
column-rule-color: maroon;
column-rule-style: dashed;
}
h1 {
column-span: all;
}
</style>
<body>
<div class = "demo">
</html>