View Single Post
Old 02-13-2014, 04:45 PM   #18
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,827
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Jellby View Post
I have a non-white background on purpose (easier on the eyes, helps spotting things that have a background and shouldn't ). And yes, I know the heading placement can be fixed, I just wanted to show that it can go wrong easily.

As long as we are relying on white background, wouldn't something like this work?

Code:
h2 {
   border-bottom: 3px solid;
   margin-top: -0.5em;
   margin-bottom: 0.5em;
   font-size: 1.4em;
   text-align: center;
}  

.text {
   position: relative;
   top: 0.7em;
   padding: 0 0.2em;
   background: white !important;
}
It could work in web browser but the "position: relative" could have problems in some ereader devices (ie. Kindle suports very bad "position: relative/absolute"). In "normal" mode and "night" mode, "background: white" it shouldn't be a problem; now, in "sepia" mode or with a custom background (very possible in android), then the "text" class, with a white background, will be noticeable
RbnJrg is offline   Reply With Quote