MobileRead Forums - View Single Post

KNotTed · 02-26-2010, 03:27 PM

I'm using the HR tag to create a divider between chapter sections (since the break won't always be in the middle of the page, and it would be nice to know that there is a break). However, I don't want the line to go across the whole page. For my HR tag I'm using the following CSS:

Code:

hr { 
  width: 20%; 
  border: 1px solid black; 
  background-color: black; 
  margin: 0 auto; 
}

This works fine when I preview the HTML on firefox and IE 8. However, when I open the epub in ADE and on my PRS-505 the HR is left-aligned. FWIW, I've also tried using text-align: center in the CSS for HR tags.

Does anyone have any experience/tips for correcting this?

02-26-2010, 03:27 PM	#1
KNotTed Member Posts: 19 Karma: 62 Join Date: Feb 2010 Device: PRS-505, PRS-600	Problem with the HR tag I'm using the HR tag to create a divider between chapter sections (since the break won't always be in the middle of the page, and it would be nice to know that there is a break). However, I don't want the line to go across the whole page. For my HR tag I'm using the following CSS: Code: hr { width: 20%; border: 1px solid black; background-color: black; margin: 0 auto; } This works fine when I preview the HTML on firefox and IE 8. However, when I open the epub in ADE and on my PRS-505 the HR is left-aligned. FWIW, I've also tried using text-align: center in the CSS for HR tags. Does anyone have any experience/tips for correcting this?