If you see this, something is wrong
First published on Wednesday, Jun 25, 2025 and last modified on Sunday, Feb 22, 2026
The minipage environment, as well as many LaTeX packages, makes it possible to create columns in a LaTeX document.
However, these present serious flaws when it comes to Web publishing.
The solution is to remove the LaTex columns, and replace them by responsive columns available in LaTeX2Web.
columns environment
The LaTeX2Web columns has the following syntax:
\begin{columns}[number of columns]
\begin{col}[column span]
Content of first column.
\end{col}
\begin{col}[column span]
Content of second column.
\end{col}
\end{columns}
As you can see, each col environment encapsulates the content of each column.
number of columns optional parameter is setThe columns are responsive and have the following behavior:
For larger devices, the layout is first determined by the value of the optional parameter number of columns.
auto, the row is divided into columns of equal width
number of columns optional parameter is not specified
Let us consider now the case where the number of columns per row is undefined. Then, each column determines its own witdh by an integer parameter, within a span of \( 12\) . This integer is the optional parameter column span of the col environment. It states that, for a vitual division of the content width into \( 12\) equal parts, the current column will span across column span sections of this division.
For instance, a parameter of \( 4\) will correspond to one third of the width, since \( 12/4=3\) .
On mobile devices, the behavior is modified, and each columns has a full width.
Each example is within a latexDiv, using the example code available on the latexDiv tutorial .
Content of first column.
Lorem ipsum minim, in id id exercitation nostrud incididunt dolor officia fugiat proident ut tempor ut mollit enim ut. Est reprehenderit, officia dolore ut, dolor commodo velit est, non dolor dolor sunt quis, enim, minim in culpa. Id voluptate aliquip deserunt ex aliquip dolor tempor dolor irure, sint consectetur, magna dolore esse dolor, duis sit.
Lorem ipsum sit enim, enim dolore deserunt ut anim aliquip consectetur sunt ut dolore, excepteur ullamco tempor non, labore. Et nisi dolor sint, duis culpa ad proident excepteur sunt ut, ea dolore sed, commodo ut, aliqua laboris. Adipiscing id esse anim proident dolor tempor, dolor est nulla dolore, amet exercitation fugiat reprehenderit dolor, aute anim.
Lorem ipsum commodo ut, enim quis sit proident in id ullamco irure. Proident cupidatat dolor dolore in, dolore officia enim enim ex ullamco. Laboris in consequat ea ut do mollit cupidatat, est non, nulla.
Content of second column.
Lorem ipsum veniam fugiat reprehenderit nisi, adipiscing sunt, sunt commodo culpa aliqua, do laboris irure nulla. In nostrud in id dolor, dolore adipiscing dolor enim veniam est ex ut in velit. Duis ut nulla officia, voluptate, nostrud commodo labore, laboris enim labore ullamco, nostrud eiusmod excepteur.
Lorem ipsum veniam, sed amet voluptate non enim quis, esse, deserunt aliquip, ut et qui. Nisi deserunt, tempor magna in, incididunt ad, consectetur, ullamco dolore laboris cupidatat consequat sed. Ex ad, occaecat quis est, occaecat dolore in aliqua in sed ut sed ut.
Lorem ipsum aliquip deserunt, aute quis ex dolore qui minim commodo, exercitation incididunt excepteur, ea voluptate irure. Exercitation sit ea et occaecat laboris laborum aute, deserunt est anim exercitation ad cillum eiusmod sunt. Nostrud laborum, ad id dolor, laborum, laborum sit in ad esse ea aliquip irure, consequat minim.
Content of third column.
Lorem ipsum officia ullamco sunt eu mollit deserunt ad ad, magna dolor, amet veniam qui mollit, excepteur. Laborum exercitation cupidatat, laborum cupidatat sunt in laboris, excepteur, minim ullamco dolor consequat quis ut adipiscing. Occaecat et aliqua eu est sunt fugiat nisi duis officia esse in culpa laboris dolor, anim.
Lorem ipsum deserunt eiusmod amet est consequat aliquip incididunt sit elit anim do voluptate, velit, dolor. Nulla laborum in nostrud laborum sit est veniam et, ut laborum enim nostrud irure, et. Labore sint dolor proident consequat non, labore, fugiat sit voluptate cupidatat eiusmod aute excepteur magna.
Lorem ipsum id aliquip voluptate magna aute irure aliqua occaecat, dolore, id aute eu, id aliquip amet enim. Cillum dolor do, dolore in duis proident culpa fugiat dolor eiusmod et id, quis dolore aliqua nostrud. Amet in dolore ullamco amet reprehenderit est consequat occaecat, id officia adipiscing, aliquip deserunt duis excepteur tempor.
Here the number of columns parameter of the columns environment is set to 2. Columns are of equal width, but there is at most 2 columns per row.
Content of first column.
Lorem ipsum minim, in id id exercitation nostrud incididunt dolor officia fugiat proident ut tempor ut mollit enim ut. Est reprehenderit, officia dolore ut, dolor commodo velit est, non dolor dolor sunt quis, enim, minim in culpa. Id voluptate aliquip deserunt ex aliquip dolor tempor dolor irure, sint consectetur, magna dolore esse dolor, duis sit.
Lorem ipsum sit enim, enim dolore deserunt ut anim aliquip consectetur sunt ut dolore, excepteur ullamco tempor non, labore. Et nisi dolor sint, duis culpa ad proident excepteur sunt ut, ea dolore sed, commodo ut, aliqua laboris. Adipiscing id esse anim proident dolor tempor, dolor est nulla dolore, amet exercitation fugiat reprehenderit dolor, aute anim.
Lorem ipsum commodo ut, enim quis sit proident in id ullamco irure. Proident cupidatat dolor dolore in, dolore officia enim enim ex ullamco. Laboris in consequat ea ut do mollit cupidatat, est non, nulla.
Content of second column.
Lorem ipsum veniam fugiat reprehenderit nisi, adipiscing sunt, sunt commodo culpa aliqua, do laboris irure nulla. In nostrud in id dolor, dolore adipiscing dolor enim veniam est ex ut in velit. Duis ut nulla officia, voluptate, nostrud commodo labore, laboris enim labore ullamco, nostrud eiusmod excepteur.
Lorem ipsum veniam, sed amet voluptate non enim quis, esse, deserunt aliquip, ut et qui. Nisi deserunt, tempor magna in, incididunt ad, consectetur, ullamco dolore laboris cupidatat consequat sed. Ex ad, occaecat quis est, occaecat dolore in aliqua in sed ut sed ut.
Lorem ipsum aliquip deserunt, aute quis ex dolore qui minim commodo, exercitation incididunt excepteur, ea voluptate irure. Exercitation sit ea et occaecat laboris laborum aute, deserunt est anim exercitation ad cillum eiusmod sunt. Nostrud laborum, ad id dolor, laborum, laborum sit in ad esse ea aliquip irure, consequat minim.
Content of third column.
Lorem ipsum officia ullamco sunt eu mollit deserunt ad ad, magna dolor, amet veniam qui mollit, excepteur. Laborum exercitation cupidatat, laborum cupidatat sunt in laboris, excepteur, minim ullamco dolor consequat quis ut adipiscing. Occaecat et aliqua eu est sunt fugiat nisi duis officia esse in culpa laboris dolor, anim.
Lorem ipsum deserunt eiusmod amet est consequat aliquip incididunt sit elit anim do voluptate, velit, dolor. Nulla laborum in nostrud laborum sit est veniam et, ut laborum enim nostrud irure, et. Labore sint dolor proident consequat non, labore, fugiat sit voluptate cupidatat eiusmod aute excepteur magna.
Lorem ipsum id aliquip voluptate magna aute irure aliqua occaecat, dolore, id aute eu, id aliquip amet enim. Cillum dolor do, dolore in duis proident culpa fugiat dolor eiusmod et id, quis dolore aliqua nostrud. Amet in dolore ullamco amet reprehenderit est consequat occaecat, id officia adipiscing, aliquip deserunt duis excepteur tempor.
Here the number of columns parameter of the columns environment not specified. It is the optional parameter od the col environment that sets its width. In the example below, there are 3 columns (as before), as the values of the parameter is, for each column:
Content of first column.
Lorem ipsum minim, in id id exercitation nostrud incididunt dolor officia fugiat proident ut tempor ut mollit enim ut. Est reprehenderit, officia dolore ut, dolor commodo velit est, non dolor dolor sunt quis, enim, minim in culpa. Id voluptate aliquip deserunt ex aliquip dolor tempor dolor irure, sint consectetur, magna dolore esse dolor, duis sit.
Lorem ipsum sit enim, enim dolore deserunt ut anim aliquip consectetur sunt ut dolore, excepteur ullamco tempor non, labore. Et nisi dolor sint, duis culpa ad proident excepteur sunt ut, ea dolore sed, commodo ut, aliqua laboris. Adipiscing id esse anim proident dolor tempor, dolor est nulla dolore, amet exercitation fugiat reprehenderit dolor, aute anim.
Lorem ipsum commodo ut, enim quis sit proident in id ullamco irure. Proident cupidatat dolor dolore in, dolore officia enim enim ex ullamco. Laboris in consequat ea ut do mollit cupidatat, est non, nulla.
Content of second column.
Lorem ipsum veniam fugiat reprehenderit nisi, adipiscing sunt, sunt commodo culpa aliqua, do laboris irure nulla. In nostrud in id dolor, dolore adipiscing dolor enim veniam est ex ut in velit. Duis ut nulla officia, voluptate, nostrud commodo labore, laboris enim labore ullamco, nostrud eiusmod excepteur.
Content of third column.
Lorem ipsum officia ullamco sunt eu mollit deserunt ad ad, magna dolor, amet veniam qui mollit, excepteur. Laborum exercitation cupidatat, laborum cupidatat sunt in laboris, excepteur, minim ullamco dolor consequat quis ut adipiscing. Occaecat et aliqua eu est sunt fugiat nisi duis officia esse in culpa laboris dolor, anim.
Lorem ipsum deserunt eiusmod amet est consequat aliquip incididunt sit elit anim do voluptate, velit, dolor. Nulla laborum in nostrud laborum sit est veniam et, ut laborum enim nostrud irure, et. Labore sint dolor proident consequat non, labore, fugiat sit voluptate cupidatat eiusmod aute excepteur magna.
Lorem ipsum id aliquip voluptate magna aute irure aliqua occaecat, dolore, id aute eu, id aliquip amet enim. Cillum dolor do, dolore in duis proident culpa fugiat dolor eiusmod et id, quis dolore aliqua nostrud. Amet in dolore ullamco amet reprehenderit est consequat occaecat, id officia adipiscing, aliquip deserunt duis excepteur tempor.