Template:DividedColumn: Difference between revisions
Jump to navigation
Jump to search
imported>NyoomVoyager mNo edit summary |
imported>NyoomVoyager m makes line height a param |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div class="divided-columns" style="display: flex;"> | <div class="divided-columns" style="display: flex;"> | ||
<div class="column-a" style="flex: 1; margin-right: 20px;"> | |||
<h2>{{{column_a_name|Column A}}}</h2> | |||
<ul style="padding-left: 0;"> | |||
<li style="margin: 0;">{{{column_a_content|}}}</li> | |||
</ul> | |||
</div> | |||
<div style="border-left: 1px solid grey; height: {{{line_height|500px}}}; margin-right: 50px;"></div> | |||
<div class="column-b" style="flex: 1; margin-right: 20px;"> | |||
<h2>{{{column_b_name|Column B}}}</h2> | |||
<ul style="padding-left: 0;"> | |||
<li style="margin: 0;">{{{column_b_content|}}}</li> | |||
</ul> | |||
</div> | |||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
Latest revision as of 17:33, 24 March 2024
This is a template to create divided columns of text on a page in lieu of using a table, which may scale poorly. It can be used as such:
Advantages
- Advantage 1
- Advantage 2
- Advantage 3
Disadvantages
- Disadvantage 1
- Disadvantage 2
- Disadvantage 3