MobileRead Forums - View Single Post

Ankh · 04-16-2009, 07:11 PM

ADE on PRS 505 (Linux here, dunno if it affects x86 ADE) happily obeys "width" property for hr tag:

Code:

hr {width: 10%;}

Except I have a hell of a time trying to center such a shortened horizontal line. Throwing "text-align:center" CSS property into hr itself doesn't work, nor does it work in "p" and/or "div" wrappers around "hr" tag.

I also tried display:block/margin-right:auto/margin-left:auto method (as described here) in all three (hr, p, div) tags, but no joy.

Everything mentioned happily works on both Firefox and Calibre's EPUB viewer.

The <p style="text-align: center">n times "em-dash"</p> "workaround" is ... just ugly.

Is there another way?

04-16-2009, 07:11 PM	#1
Ankh Guru Posts: 714 Karma: 2003751 Join Date: Oct 2008 Location: Ottawa, ON Device: Kobo Glo HD	How to center 10% hr on ADE/PRS505 ADE on PRS 505 (Linux here, dunno if it affects x86 ADE) happily obeys "width" property for hr tag: Code: hr {width: 10%;} Except I have a hell of a time trying to center such a shortened horizontal line. Throwing "text-align:center" CSS property into hr itself doesn't work, nor does it work in "p" and/or "div" wrappers around "hr" tag. I also tried display:block/margin-right:auto/margin-left:auto method (as described here) in all three (hr, p, div) tags, but no joy. Everything mentioned happily works on both Firefox and Calibre's EPUB viewer. The <p style="text-align: center">n times "em-dash"</p> "workaround" is ... just ugly. Is there another way?