View Single Post
Old 02-11-2014, 09:58 PM   #6
gbm
Wizard
gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.
 
Posts: 2,201
Karma: 8888888
Join Date: Jun 2010
Device: Kobo Clara HD,Hisence Sero 7 Pro RIP, Nook STR, jetbook lite
Quote:
Originally Posted by RbnJrg View Post
Hi Tex;

You can achieve that effect with the following code:

1. In your .css stylesheet, write:

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

.text {
   float: left;
   width: 5%; /* feel free to change the width */
   margin: -0.5em 47.5% 0 47.5%; /* if you change the width, then you must change the left and right margin */
   background: white !important;
}

p {
   text-align: justify;
   text-indent: 0em;
}
2. In your .html file write:

Code:
<h2><span class="text">I</span></h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc...</p>
Here you can see how it looks in ADE:

Attachment 118989

Below I attach the respective .epub

Regards
Rubén
Remember that the Nook does not like condensed margins
Please see this thread, Post #13-#21. Nook does not like condensed margins when not using publisher defaults.

I will bookmark this post.

bernie
gbm is offline   Reply With Quote