How to center align a div inside a lightbox?

Question

css

Good afternoon! Can you please tell me how to align the div below the lightbox image that appears when you click on the icon? At the moment he appears on the left and goes to the center. Whatever I tried, I can’t get it to appear correctly in the center. I can't figure out what style is pushing my text to the left. Please point out what I'm doing wrong. Here is a test site: mka.azuron.ru

Answer 1

For the class="gallery"
div, write in the styles:
text-align: center;
It worked for me and the blocks centered

Answer 2

You have a fancybox call code inserted in index > head, in its options
$(".caption").toggle();