Text in the center of the block?

Question

css

Kind.
1. What is the best way to center this text?

2. It is desirable that it would be possible to place 2 lines in the center. Description and link.
Now it's a mask at 100% width and height, appears on hover.
Thanks in advance!

Answer 1

One to another and vertical-align: center;.

Answer 2

top: 50%;
transform: translate(0, -50%);

And so it won't work?

Answer 3

You can try with the help of Flexbox layout. Videos on this topic here

Answer 4

absolute positioning and left:50% and top:50% margin-left: - half of the box's width margin-top - half of the box's height

Answer 5

codepen.io/anon/pen/VvbRxZ

Answer 6

I solved the problem that I set line-height: 33.34vh; the same as the block, but for the ideas, ATP.