Text Align Vertical

[Plainbroke 0]

How to I go about aligning up and down, the text in the center of the modules area instead of at the top of the modules area?

https://drive.google.com/open?id=1ttBZLkjFizAlJvrADEfT2XJqGqU3g1RX

See photo for better explanation.

[sdetweil]

@Plainbroke-0 we are having troubles with photo uploads…

may have to use pastebin, or some other site and link to the images

[Plainbroke 0]

ok now you should be able to see the picture showing what I want to do.
I tried padding but that only works if the displayed information stays the same.
I also tried vertical-align: center also tried middle but no luck
hopefully one of you guru’s can help me …

[doubleT]

Vertical-align only works in inline elements and table cells.

Two common css hacks are these: https://jsfiddle.net/02vxofa6/1/

The parent (or a wrapper div container filling the parent) is set to display: table-cell; and vertical-align: middle;

If there’s a reason this cannot be done, there’s also another hack:
Set the parent to position: relative; and the text to position: absolute: top: 50%;
But then it’s not exactly in the middle, as the distance to the top is 50%. Give the text a fixed height (maybe even considering a line break there) and set margin-top to - half the text height. height: 20px; margin-top: -10pxfor example.