I am trying to convert latex doxument in html using tex4htand to get centered image. I am inspired by the code in the post here I use the following .tex file

\documentclass[12pt,a4paper,twoside]{book} \usepackage[francais]{babel}
    \inputpstex {#1}
Ceci est un test
\begin{exemple}[Pendule simple]
figure d'un pendule
  \caption{Image d'un pendule}
5 \cos (t) \frac{{dy(t)}}{{dt}}+ 3  y(t) = 10 u(t)
L'exemple est déjà fini.

I converted using the command line

make4ht -c my.cfg test.tex

with the the following configuration file my.cfg

\Css{div.figure img {text-align:center;display:block;margin-left:auto; margin-right: auto;}}

Here are the pendule.ps and pendule.pstex_t files. I get this html file enter image description here As you can see, the html figure is not centerd. Can you help please ?

  • It seems the link to the pendule.ps file is missing.
    – michal.h21
    Apr 13, 2020 at 18:12

1 Answer 1


The CSS code in your config file is correct, it just conflicts with one CSS declaration in TeX4ht sources:

 \Css{.figure img.graphics {margin-left:10\%;}}

This sets left margin of the image to 10% of the page width. I don't really know why it is there, it seems like a really old declaration that is not useful anymore. So I will remove it from the sources. To fix it at the moment, you can override it using CSS declaration that will have higher specificity than the declaration above:

 \Css{figure.figure img.graphics {text-align:center;display:block;margin-left:auto; margin-right: auto;}}

This is the result with a different image:

enter image description here


You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .