How to center 10% hr on ADE/PRS505

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?

JSWolf · 04-16-2009, 07:15 PM

Does it work in ADE 1.7.x for Windows? The best thing is to try and find out. That way you may not have to keep loading content on your 505 to find what does work if it also doesn't work with desktop ADE.

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

ADE 1.7.1.1085, the same behaviour as on PRS505

kovidgoyal · 04-16-2009, 07:55 PM

use a width:100% div that contains a center width:10% span with a border

netseeker · 04-16-2009, 08:57 PM

Quote:

Originally Posted by Ankh

Is there another way?

<hr style="width:10%; margin-left:45%;"/> does work in ADE 1.7 on PC...

Ankh · 04-16-2009, 10:05 PM

Thanks a lot, netseeker. I just discovered the very same thing following Kovid's advice (div/span technique, BTW, does not work on ADE).

"margin-right:45%" does work both on ADE/PC and ADE/PRS505

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?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How to center an image vertically	GBAV	ePub	31	08-01-2018 01:57 PM
Center a cover image	Crusader	Sigil	2	10-18-2009 08:51 AM
Using Bookdesigner...Center title up and down	davers	LRF	5	04-24-2009 09:53 AM
Support center iRex	ce3po	iRex	3	12-21-2007 07:52 AM
Mobipockets v6.1 is up in the beta center	penty	Bookeen	4	11-06-2007 06:31 PM

04-16-2009, 07:15 PM	#2
JSWolf Resident Curmudgeon Posts: 73,896 Karma: 128597114 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Does it work in ADE 1.7.x for Windows? The best thing is to try and find out. That way you may not have to keep loading content on your 505 to find what does work if it also doesn't work with desktop ADE.

04-16-2009, 07:48 PM	#3
Ankh Guru Posts: 714 Karma: 2003751 Join Date: Oct 2008 Location: Ottawa, ON Device: Kobo Glo HD	ADE 1.7.1.1085, the same behaviour as on PRS505

04-16-2009, 07:55 PM	#4
kovidgoyal creator of calibre Posts: 43,843 Karma: 22666666 Join Date: Oct 2006 Location: Mumbai, India Device: Various	use a width:100% div that contains a center width:10% span with a border

04-16-2009, 10:05 PM	#6
Ankh Guru Posts: 714 Karma: 2003751 Join Date: Oct 2008 Location: Ottawa, ON Device: Kobo Glo HD	Thanks a lot, netseeker. I just discovered the very same thing following Kovid's advice (div/span technique, BTW, does not work on ADE). "margin-right:45%" does work both on ADE/PC and ADE/PRS505

Advert

Advert