MobileRead Forums - View Single Post

Toxaris · 08-24-2011, 04:12 AM

Hmm, I think this can be done. Try:

Code:

ul.ind {
  padding-left: 2em;
}

p.ulist {
margin-left: -6em;
}

and then in your xhtml:

Code:

<ol><li><p>bla bla</p></li>
<li><p>bla bla</p></li>
<ul class="ind"><li><p>indent</p></li>
<li><p>again bla bla</p><p class="ulist">Body text</p></li></ul>
<li>bla di bla</li></ol>

Haven't tested it, but I think it should work. Your exact numbers could change, depending on your stylesheet and margin settings.

08-24-2011, 04:12 AM	#2
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	Hmm, I think this can be done. Try: Code: ul.ind { padding-left: 2em; } p.ulist { margin-left: -6em; } and then in your xhtml: Code: <ol><li><p>bla bla</p></li> <li><p>bla bla</p></li> <ul class="ind"><li><p>indent</p></li> <li><p>again bla bla</p><p class="ulist">Body text</p></li></ul> <li>bla di bla</li></ol> Haven't tested it, but I think it should work. Your exact numbers could change, depending on your stylesheet and margin settings. Last edited by Toxaris; 08-24-2011 at 04:22 AM.