I am not seeking advice on how to use columns in lists, but rather on aligning the columns on my website.
Below is the code I have:
<ol class="threecolumns">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ol>
<style>
.threecolumns {column-count: 3;}
</style>
When I use Codepen, it displays the expected layout (apologies for the basic example):
- Item 1 3. Item 3 5. Item 5
- Item 2 4. Item 4
However, on my actual website, it shows up differently:
- Item 1 2. Item 2 4. Item 4
3. Item 3 5. Item 5
I am utilizing MadCap Flare as the publishing engine. Despite reviewing the CSS for ol/ul, I can't identify any issues causing this discrepancy.
Any suggestions or recommendations?