Boostnote: Align image in center and provide caption

Created on 27 Feb 2018  路  5Comments  路  Source: BoostIO/Boostnote

Hi,

How can i align an image in center and also provide a caption aligned with the image.
I am using the latest 0.10 image

Rahul

question

All 5 comments

It is not a spec of Markdown. But, you can still use HTML.

caption:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure

align center:
https://developer.mozilla.org/ko/docs/Web/HTML/Element/center

I referred the links and used in boostnote. Image is still not in the middle unlike caption. Is this the normal behavior of align="middle" in img tag?

screenshot from 2018-02-27 18-04-16

I got it. I google it and found center tag. Its working like I need.

I referred the links and used in boostnote. Image is still not in the middle unlike caption. Is this the normal behavior of align="middle" in img tag?

screenshot from 2018-02-27 18-04-16

<figcaption style="text-align:center">text</figcaption> is working.

I have an alternative.

<p align="center">
 <img src="src/assets/training_performance.jpg" alt="train_perf_fig" height="640" width="960"/>
    <br>
    <em>Figure 1 training process of NN.</em>
</p>

More details, please see here.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ysshah picture ysshah  路  3Comments

npeeples picture npeeples  路  3Comments

croulibri picture croulibri  路  3Comments

Rokt33r picture Rokt33r  路  3Comments

aurelkurtula picture aurelkurtula  路  3Comments