The bullets in bulleted lists are misaligned vertically in my PDF output. The bullets appear to be at the lower border of the line. In HTML5 they are fine. This is how they look: This is my css code. There are no other places where styles for ul or li are modified. This happens no matter what's inside of li: plain text, <p>, <span>.
The funny thing is, I've just downloaded MadCap's own pre-written manual, and they have exactly the same issue in lists: https://madcappeteam.mcoutput.com/employeepdf/PDF.pdf
Code: Select all
ol,
ul
{
line-height: 1.2em;
margin-top: 0px;
margin-bottom: 14px;
}
li
{
margin-bottom: 6pt;
margin-top: 6pt;
}
li p
{
margin-top: 0px;
vertical-align: middle;
}
li span
{
vertical-align: middle;
}