How to Align to the Center / Middle a Code Generated Figure

[RoyiAvital]

In a Reveal.JS presentation I have a code which generate a figure:

#| label: some label
hF, hA = plt.subplots()
plt.plot(range(10), range(10)) 
plt.show()

I want the figure to appear of the center of page.
I tried using: #| fig-align: center yet it nothing.
It seems the actual figure is wrapped in <p> element hence the <div> above it doesn't affect it.
So the following had no effect:

:::{fig-align="center"}
<thecode>
:::

Any other idea?