This is a typical entry exported from InDesign:
Code:
<p class="list1-box">
<span class="list1-box">C. </span>
The binge eating and inappropriate compensatory
behaviors both occur, on average, at least twice a week for 3 months.</p>
Using Regex, I convert all such entries into this:
Code:
<list-holder class="list1-box">
<list1-box-text><span class="list1-box">C. </span>
</list1-box-text>
<pp class="list1-box">The binge eating and inappropriate compensatory behaviors both occur, on average, at least twice a week for 3 months.</pp></list-holder>
Here is the CSS for these elements:
Code:
list-holder.list1-ref-sa, list-holder.list1-ref, list-holder.list1-ref-sb{
display:block;
width:auto;
height:auto;
margin-top:0;
margin-bottom:3px;
background:none;
}
list-holder.list1-ref-sa{
margin-top:6.5pt;
}
list-holder.list1-ref-sb{
margin-bottom:6.5pt;
}
list1-ref-text{
-epub-hyphens:none;
-webkit-hyphens:none;
font-size:0.833em;
line-height:1.3;
float:left;
width:1em;
background:none;
}
pp.list1-ref-sa, pp.list1-ref, pp.list1-ref-sb {
-epub-hyphens:none;
-webkit-hyphens:none;
font-family:"Palatino-Roman", serif;
font-size:0.833em;
line-height:1.3;
display:block;
margin-left:1.75em;
text-align:left;
margin-right:3pt;
background:none;
}
The strange thing is that when I load the epub onto my iPad via Book Proofer, the epub works flawlessly. I don't understand what's going on.
I look forward to your reply, and thanks for taking the time to help me.