Hello. I need multilevel numbered list independently for text and table cells.
This code works, but it affects breadcumbs.
If I add a .wiki-content to fix breadcumbs display issue - the numbering in the table not work correctly.
Can u help with that? PS: I am not an admin, so I can edit the style within my page.
<style>
ol {
counter-reset: item;
margin-bottom: 10px;
}
ol li {
display: block;
position: relative;
margin: 0.11em;
}
ol li::before {
content: counters(item, ".")".";
counter-increment: item;
position: absolute;
margin-right: 100%;
font-size: 80%;
background-color: #F0F0F0;
color: #2C3135;
font-weight: bold;
padding: 1px 4px;
border-radius: 3px;
right: 10px;
/* space between number and text */
}
table ol {
counter-reset: myTableCounter;
margin: 0.11em;
}
table ol li {
display: block;
position: relative;
}
table ol li::before {
content: counters(myTableCounter, ".")".";
counter-increment: myTableCounter;
}
</style>
Online forums and learning are now in one easy-to-use experience.
By continuing, you accept the updated Community Terms of Use and acknowledge the Privacy Policy. Your public name, photo, and achievements may be publicly visible and available in search engines.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.