How to prevent line-break before and after html tags?

[morty92222]

So, I am using <q> and </q> to create « and ».

However, when I convert the epub to KFX, these tags allow for line-breaks before and after themselves sparingly. I attached a picture.

The text direction is rtl.

Finally, why does Kindle leaves so much space at the bottom. It is not always present. But I can't determine based on what it leaves space or start the new paragraph. The only thing I could think of is that if the following paragraph less than 2 lines, it does not start it on the previous page as not to leave one line by itself on the following page.

[jhowell]

Originally Posted by morty92222

So, I am using <q> and </q> to create « and ».

However, when I convert the epub to KFX, these tags allow for line-breaks before and after themselves sparingly. I attached a picture.

I don't know why, but Amazon's conversion to KFX inserts a zero width space before and after the quote marks generated by the <q> element, which allows a line break there. To avoid that use the left double quotation mark and right double quotation mark Unicode characters instead of <q>.

Originally Posted by morty92222

Finally, why does Kindle leaves so much space at the bottom. It is not always present. But I can't determine based on what it leaves space or start the new paragraph. The only thing I could think of is that if the following paragraph less than 2 lines, it does not start it on the previous page as not to leave one line by itself on the following page.

That is done by default in KFX to avoid widows and orphans, which are single lines at the top or bottom of a page. You can disable that by setting the widows:1 and orphans:1 properties in CSS. (More information in this thread.)

[morty92222]

Originally Posted by jhowell

I don't know why, but Amazon's conversion to KFX inserts a zero width space before and after the quote marks generated by the <q> element, which allows a line break there. To avoid that use the left double quotation mark and right double quotation mark Unicode characters instead of <q>.



That is done by default in KFX to avoid widows and orphans, which are single lines at the top or bottom of a page. You can disable that by setting the widows:1 and orphans:1 properties in CSS. (More information in this thread.)

Thank you so much! If I use the unicode, there won't be a method to control the <q> from css. For example, using <q> allows me to use quotes property to change which characters to use as quotations. Is there a way to keep that?

[jhowell]

Originally Posted by morty92222

Thank you so much! If I use the unicode, there won't be a method to control the <q> from css. For example, using <q> allows me to use quotes property to change which characters to use as quotations. Is there a way to keep that?

As far as I can tell if you use <q> for quotes in KFX it will always allow line breaks on either side of them. I don't know of any way to prevent that.