Read the statement by Michael Teeuw here.
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?
https://drive.google.com/open?id=1ttBZLkjFizAlJvrADEfT2XJqGqU3g1RX
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
display: table-cell;andvertical-align: middle;If there’s a reason this cannot be done, there’s also another hack:
Set the parent toposition: relative;and the text toposition: 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 setmargin-topto - half the text height.height: 20px; margin-top: -10pxfor example.
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login