Quote:
Originally Posted by Tex2002ans
I was wondering if anyone has stumbled upon a way to do these headings in EPUB (Highlighted in
|
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:
Below I attach the respective .epub
Regards
Rubén