Kindle Previewer Displays HTML lists incorrectly when converting from EPUB

[Gandharva]

Hello there, my issue may be simple but I can't seem to figure out the problem.

I am working on an ePUB that has a lot of content in html lists; yet when I upload it through kdp or check out the file using the Kindle previewer, both ordered and unordered lists do not display correctly. The file looks fine in Adobe Digital Editions and Calibre. Once again, I apologize if this is a basic question, but can anyone tell me what is going on here? Is this a bad conversion, or bad coding?

My code:

Style Sheet:
ol.list 
		{
		text-align:	left;
		text-indent: 0em;
		margin-left:	2em;
		list-style-type: decimal;
		padding: 0px;
		line-height: 150%
		}
ul.list
		{
		text-align: left;
		text-indent: 0em;
		margin-left:	2em;
		list-style-type: disc;
		padding: 0px;
		line-height: 150%
		}

Code: 

<ul class="list">
<li>The monastic order is supported by the rules.</li>
<li>The monastics can be joyful.</li>
<li>The monastics can be peaceful.</li>
<li>Those without faith can find their faith.</li>
<li>The faithful can deepen their faith.</li>
<li>The obstinate can become cooperative.</li>
<li>Those suffering from remorse can find peace.</li>
<li>The outflows that are currently present can be removed.</li>
<li>The outflows that will arise in the future can be removed.</li>
<li>The right Dharma will last for a long time.</li>
</ul>

Digital Editions:


Calibre:


Kindle Previewer:

[jlytle]

Hi -- I just created an account so that I could give you a reply, after lurking these forums for the last couple years. This problem was really annoying to deal with, and I lost many hours trying to figure it out to no avail. You can't place a left margin on a <ul> for .mobi/Kindle formats. The bullets just disappear, and there's no way to get them back (so don't bother trying).

You can either use &bull; to begin each list (list-style-type means nothing to the mobi format), and lose your hanging indent. Or, if nesting is what you're looking for, you can place your <ul>...</ul> inside of the previous <p>.

This won't be valid in epub. So if you're trying to do an epub and convert it to mobi -- the epub may get rejected until you move the <ul> outside of the <p>.

Sorry for the bad news, but hope this helps.