Quote:
Originally Posted by repilo
Unfortunately, it doesn't work well on my Kobo Libra 2. The vertical centering is correct, but it doesn't do the horizontal centering well: the paragraph is centered but a bit shifted to the right.
|
The horizontal alignment has nothing to do with the technique provided. As you said, the vertical centering works fine.
For horizontal centering, the techniques are the same as any other text. You need to make sure you have nothing else adjusting the letters to the right… such as text-indent or maybe a margin/padding.
That is why I included:
margin:0;
padding:0;
text-indent:0;
Another, less common, culprit is letter-spacing; that places extra spacing to the left of
each letter, including the first.
Definitely do NOT try to use this in the same html file as other, non-centered, text. It will float over the top of the other text. Make sure it is in its own html file.
Edit:
Sorry I didn't show the CSS in the image attachment above. Here it is. Also... Make sure you are not applying other css to the file...either check with Sigil's built-in css inspector in the Preview Window to see if something else is being applied to your page
- OR -
just don't link a css sheet and place the css in the <style> section of the header...as shown in attached image.
Another culprit to check is if the Kobo Libra is adding a text-indent because of user settings in the Kobo itself?? If this is the case, you may want to add !important after the text-indent. Not sure it will work if Kobo is forcing it's own settings over the css???
text-indent:0 !important