Forum | Appery.io

I want to vertically align am element (like a label) inside a gridcell for example. I wrote this css and doesnt work:

.text_vert_center {
vertical-align: center;
}

is there anything wrong with this css?

Hi John!

Do you want the text in Label component inside Gridcell to be centered? Please in Properties of Lable choose Center Align.

Code you've sent is correct, but to set value of vertical align look here https://developer.mozilla.org/en-US/d...

i also tried that inside the properties - i added both of these properties and does not work:

Attribute Value
Align Center
vertical-align center

These references are useful too:
https://www.google.com.ua/#q=vertical....
https://www.google.com.ua/#q=vertical....

Also to vertical-align components in Cell you can select the Cell, click More properties on Properties panel and add property align = middle.

ive that and doesnt work. It seems anytime i add any properties nothing ever works there

i wrote this code too in css and doesnt work:

.text_vert_center {
vertical-align: middle;
}

Do you test it with only Label component inside?
Try to add images like it is shown in the picture
and test now.

i tried 2 ways in the label itself and the cell itself like this (attribute = value):

vertical-align = middle
align = middle

and i also tried the 4 css codes on the label, nothing seems to work:

.text_vert_center {
vertical-align: middle;
}

.text_vert_center {
align: middle;
}

.text_vert_center {
vertical-align: center;
}

.text_vert_center {
align: center;
}

this is the result i get:

the label is supposed to be centered vertically to the image since they are both in a 2 column grid