From a pure HTML perspective with no explicit CSS applied, the following web page will display with indented second bullets:
Code: Select all
<html>
<head></head>
<body>
<ul>
<li>Bullet one</li>
<li>Bullet two</li>
<li>Bullet three
<ul>
<li>Indent one</li>
<li>Indent two</li>
</ul>
</li>
</ul>
</body>
</html>
By default in my browser the first level of bullets is a filled circle and the second level and unfilled circle. If your page structure looks like the above, then you
should get the same results. If not, then some CSS styling is being applied and the only way I know of changing the appearance is through adjusting the CSS to suit your requirements.
In Flare, if I select a list of plain text and click the bullet button in the Paragraph tab of the Home ribbon, I get a normal bulleted list. If I highlight a couple of items in the list and click the Indent button I get a structure that looks like the above, an unordered list nested inside another unordered list. The second list is indented from the first by the amount specified in my CSS. Had I not specified any margins or padding for lists or list elements, the default indent should apply and it
should still show the second list as indented from the first (including the item's corresponding bullet).
Can you show us the code for the list in your page where the bullet glyphs are not indented correctly so we can troubleshoot further?
Cheers,
Rob
