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>
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.