View Single Post
Old 06-07-2013, 05:48 PM   #4
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 79,929
Karma: 146918083
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by RbnJrg View Post
Also you can use CSS; try this css code in your css stylesheet:

Code:
hr {
   text-align: center;
   width: 70%;
   color: #000000;
   background-color: #000000;
}

.thick_line {
   height: 3px;
}

.thin_line {
   height: 1px;
}
And in the .html file use:

Code:
  <hr class="thick_line" />
  <hr class="thin_line" />
to display the two lines (see below a screenshot of my Kindle).

Regards
Rubén
There is a problem with this in ADE. The fix is very simple. Replace the text-align: center in the hr CSS as follows...

Code:
hr {
margin-left: 15%;
width: 70%;
color: #000000;
background-color: #000000;
}
Then it will work and the lines will be centered. Other then that, the code is very neat and tidy.
JSWolf is offline   Reply With Quote