Center text within an image in the div

Asked

Viewed 161 times

2

I have a little problem in this blog that I work, http://bloganacastro.com

The grids of posts just below the logo are working all OK, however, as you can see the text (title of the post) when the mouse is up does not stay in the middle correctly, responsive, for example breaking the line to avoid that sum the text. I have this blog for example that works the way I would like http://www.sempreglamour.com.br/ tried some code in CSS but without success. Does anyone know any method that makes it work this way?

  • which browser do you use to do the tests? I looked at the site here in Chrome and had no glitch whatsoever!

1 answer

1


Add this and see if it solves:

.caption, .caption-text{
   width: 100% !important;
}
  • Friend, perfect. It worked! I used the 100% height also to be perfect. Only really large texts that cut a part. I just noticed that the text still stands to the left of the square, not to the center. Is it some other setting? Even with align center.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.