Posted by Ted on Mar 02, 2016; 4:57pm
URL: https://discuss.asciidoctor.org/How-to-center-image-caption-when-the-image-is-centered-tp901p4457.html

ayca1903 wrote

I dont know about the stylesheet, where is it, or how can I add the declaration to it?

Start with your nameofdoc.adoc file in a directory with the images and add a docinfo.html file like this:

nameofdoc.adoc
docinfo.html
tiger.png
diagram.png

Add :docinfo1: to nameofdoc.adoc like this

= Centering
:docinfo1:

== Test Centering Below

[.text-center]
.Image Title
image::tiger.png[]

or

[.center.text-center]
.Diagram Example
image::diagram.png[]

or

.Diagram Example
image::diagram.png[align=center, title-align=center]


Finally in the docinfo.html file place this code

<style type="text/css"> .imageblock > .title { text-align: center; } </style>


Then render it with Asciidoctor

> asciidoctor nameofdoc.adoc

View nameofdoc.html for results.