Text Align Vertical
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?
See photo for better explanation.
@Plainbroke-0 we are having troubles with photo uploads…
may have to use pastebin, or some other site and link to the images
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 …
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
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-topto - half the text height.
height: 20px; margin-top: -10pxfor example.