Had coded in some lines into my HTML only to discover the attributes such as align and color for the hr have been depreciated. So I did some research and came up with this:
Code:
<hr style="text-align:center; border:3px solid #000000; width:70%" />
but ADE didn't recognize text-align:center. So in a rather convoluted way I coded in:
Code:
<hr style="margin-left:15%; border:3px solid #000000; width:70%" />
and it works fine in ADE and other ePub programs BUT...
I need two lines of different widths, one above the other:
Code:
<hr style="margin-left:15%; border:3px solid #000000; width:70%" />
<hr style="margin-left:15%; border:1px solid #000000; width:70%" />
and now, because of the different line thickness, the two lines do not line up perfectly beneath each other (see attached jpeg) as they did with my old HTML4 code.
I've tried fudging the width percentage, making the top line 69% and adjusting the margins, and other such nonsense, all in vain. The difference in width wouldn't be such an issue if they would align:center properly, but as I said ADE is not recognizing that. It also does not recognize float:center for the hr element.
I have tried creating a div and imposing text-align:center on it, but while Sigil displays it properly, again ADE does not recognize it (I use ADE as a benchmark for what the book will look like in the worst ePub reader ever; if it looks okay in ADE, it'll be fine everywhere else, I figure).
Any help greatly appreciated.
Michelle
P.S. I also read it is better to create the hr in CSS, but when I tried to create two different classes of hr for the different line heights, the results were worse.