Weird displacement of divs with text!

Design help General
1

Hey guys, I know someone here is smarter than me!

I have a series of divs, and some text inside them, on the page SERVICES: https://preview.webflow.com/preview/amc-fb682c?preview=cb01f151872fdbe0cab22704506a45e1

I have the div on relative positioning and the text vertically aligned. I always do this and it works to center the child element, no matter the height of the parent. But now, somehow, when I have too much text and it breaks into 2 lines, some weird positioning occurs on the divs and I don’t know what that is!!

Any help is appreciated! Thanks!! :smile:

Here is my public share link: LINK
(how to access public share link)

2

It has nothing to do with the verticl positionning thing inside.

I run into this behavior every time (: It has to do with the height of the inside elements. As you must have noticed if everything was on one line, it would be ok:

http://vincent.polenordstudio.fr/snap/6wb3u.jpg

One solution is to make the phase-step element float left, then add a padding to the constiner to center it… not ideal but if you find a solution, I’m all ears (:

3

Thank you @vincent!! :smile:

Any ideas why this is happening @thesergie?

4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.