Can I somehow cure the problem with prefixes under Safari 5.1.7?

Question

css

In short, there is a class that, in theory, should center the block in the parent vertically, and keep the centering even after deleting the text or its minimum, I decided so
.description {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 623px
}
ran it through gulp.js, it seems to be put down, it plows everywhere, but it doesn’t plow in safari 5.1.7. Maybe there is any solution?

Answer 1

Alternatively, use display: table
jsfiddle.net/soledar10/586nf86z
here is an option from display: flex
jsfiddle.net/tr2nm46s

Answer 2

Yes, I was one of the first to run such a solution, but there is 1 snag that I did not describe!
The problem is that the parent has a picture that pulls the block area of ​​the parent, but we center the .description block and, accordingly, when resizing, everything should be good.
Your solution will not work, I tried)