- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to specify the number of columns an element should be divided into with CSS
To specify the number of columns an element should be divided into, use the column-count property.
You can try to run the following code to implement the column-count property with 4 columns
Example
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-count: 4;
}
</style>
</head>
<body>
<div class = "demo">
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text.
</div>
</body>
</html>
Updated on 24-Jun-2020 11:38:36
- Related Questions & Answers
- How to set or return the number of columns an element should be divided into with JavaScript?
- Set how many columns an element should span across with CSS
- Specify the left padding of an element with CSS
- Specify the bottom padding of an element with CSS
- Specify the top padding of an element with CSS
- Specify the right padding of an element with CSS
- How to specify whether the content of an element should be translated or not in HTML?
- How to specify the number of columns a table cell should span in HTML?
- Specify width for the columns with CSS
- Specify the number of columns in a CSS grid layout
- Specify the gap between the columns with CSS
- Set the number of times an animation should be played using CSS
- Determine whether an element should be visible when not facing the screen with CSS
- Set how many columns an element should span across with JavaScript.
- How to specify that an <input> element should be pre-selected when the page loads in HTML?
Advertisements