Multi-Column Layout for Text Flow using HTML.
The HTML <multicol> tag is used to create multiple columns of text and lets you control the size and number of the columns. The <multicol> tag can contain any other HTML content, much like the <div> tag. All of the content within the <multicol> tag is displayed just like conventional content, except that Netscape 4 places the contents into multiple columns instead of just one.
Note − This tag is supported by Netscape 3 and higher versions only.
The following are the attributes −
Attribute
| Value
| Description
|
|---|
cols
| number
| specifies the number of text columns for the text display. The browser attempts to flow elements evenly across the columns to make each column be about the same height. Unless the WIDTH attribute is present, column width is adjusted to fill the available width.
|
gutter
| number
| specifies the distance between each column in pixels.
|
width
| number
| specifies the width of each column in pixels. All columns are the same width. If this attribute is not present, its value is calculated from the gutter width and the number of columns.
|
Example
You can try the following code to add multi-column layout for text flow −
<h1>Breaking News</h1>
<multicol cols = 3>
<p>State media said more than 2,000 soldiers, police and miners
closed the breach in the dike in Shandong province early Sunday and
installed pipes and five high-speed pumps, but gave no indication if
there were any signs of life.</p>
<p>The Huayuan Mining Co. mine flooded on Friday afternoon when the
Wen river burst a dike, sending water pouring into a shaft and trapping
172 miners, Xinhua and state television said.</p>
</multicol>
Published on 13-Mar-2018 12:35:04
