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: 705 Karma: 2000003 Join Date: Oct 2008 Location: Ottawa, ON Device: Kobo Touch	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?

04-16-2009, 07:15 PM	#2
JSWolf Resident Curmudgeon Posts: 34,669 Karma: 14544758 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Sony Reader PRS-650, iPad, nook STR	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. __________________ Jon 2013 Reading List

04-16-2009, 07:55 PM	#4
kovidgoyal Creator of calibre Posts: 22,664 Karma: 3473290 Join Date: Oct 2006 Location: Mumbai, India Device: Various	use a width:100% div that contains a center width:10% span with a border __________________ Get calibre Notice to all: I can not provide assistance with DRM removal, for legal reasons, so please do not contact me about it.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How to center an image vertically	GBAV	ePub	23	06-16-2010 10:41 AM
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:48 PM	#3
Ankh Guru Posts: 705 Karma: 2000003 Join Date: Oct 2008 Location: Ottawa, ON Device: Kobo Touch	ADE 1.7.1.1085, the same behaviour as on PRS505

04-16-2009, 10:05 PM	#6
Ankh Guru Posts: 705 Karma: 2000003 Join Date: Oct 2008 Location: Ottawa, ON Device: Kobo Touch	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


Advertisement Enthusiast