Copy link to clipboard
Copied
I recently noticed that all of my bulleted-lists have the same indent when viewed in Internet Explorer or Firefox. The text indents correctly, but all bullets are in the same line. I reviewed the suggestions on Peter Grainge's websites, but was not able to fix this myself. Here are some of the styles listed in my style sheet. Any suggestions?
OL,
UL {
margin-top: 0px;
margin-bottom: 0px;
font-size: 10pt;
font-family: Arial, sans-serif;
}
}
P.List-Bullet-2 {
list-style: disc;
margin-left: 0.25in;
}
LI.p-List-Bullet-2 {
list-style: disc;
}
LI.P-List-Bullet-2 {
list-style: disc;
}
}
P.Bulleted-List {
list-style: disc;
margin-left: 0pt;
}
LI.p-Bulleted-List {
list-style: disc;
}
LI.P-Bulleted-List {
list-style: disc;
}
Copy link to clipboard
Copied
I think I have fixed this issue. All I did was swap the margin's that I had set for the first 2 listed below, and this fixed the issue. (Actually, I did not not even have a margin defined for the second one.) Why it fixed it...I do not know.
p.List-Bullet-2 {
list-style: disc;
margin-left: 0px;
}
LI.p-List-Bullet-2 {
list-style: disc;
margin-left: .25in;
}
LI.P-List-Bullet-2 {
list-style: disc;
}
Copy link to clipboard
Copied
Hi,
Your own fix is exactly what Peter suggested. Why it works is simple: The bullets are part of the LI element, the text is part of the paragraph. So indenting the paragraph will indeed indent the text. Because the bullet is part of another element, the bullet is left alone.
By adding the margin to the LI style, the list item itself is indented, including everything it contains.
Greet,
Willam