Thread: How to add a horizontal line under the header?
View Single Post
Old 02-06-2018, 11:47 AM   #23
Nicolas F
Groupie
Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.Nicolas F once ate a cherry pie in a record 7 seconds.
 
Posts: 161
Karma: 1842
Join Date: Jan 2016
Device: Kobo Glo HD
Quote:
Originally Posted by mzso View Post
Well, the header options are in the converter settings in the pdf output section.
You should have posted the capture directly, it would have ben easier to understand what you want to do.

The line goes at the top because you're using float. Your text is "floating" on the left or the right but it's not taken in consideration for the placement of the border. You need to add another <p> element at the end with clear:both,
for exemple:
Code:
<div style="font-size:x-small;"><p style="float:left;">_TITLE_</p><p style="float:right;"><i>_SECTION_</i></p><p style="clear:both;" /></div><hr />
or
Code:
<div style="font-size:x-small;border-bottom: 2px solid black;"><p style="float:left;">_TITLE_</p><p style="float:right;"><i>_SECTION_</i></p><p style="clear:both;" /></div>
Nicolas F is offline   Reply With Quote