Closed Help to understand vertical-align

[Lady Tinfoil]

Hiiii everyone! I just got back into roleplaying after a three-year-long hiatus and am re-learning BBCode!

I'm trying to figure out how to use vertical align to have text vertically centered inside of a column. Example:

I want this text in the center​

I might just be being dumb but I cannot figure out how to do it lmao. Thanks for any help!

 

[Daisie]

Does surrounding the text with

[center][/center]

work?

Edit: sorry if this isn't what you're looking for, I'm sick and brain don't work

 

[Lady Tinfoil]

Does surrounding the text with

[center][/center]

work?

Edit: sorry if this isn't what you're looking for, I'm sick and brain don't work

Oh, no worries! Tysm! I’m looking for vertical centering. The text is horizontally centered in the box, I’m trying to put it in the center center by also vertically centering it. I saw it mentioned as a div function that’d go something like “vertical-align: center”, I just can’t figure out how to get it to apply to the text in relevance to the column

 

[Daisie]

Ohh okay yeah that makes sense... and is definitely out of my wee little skillset lol
I hope you find what you're looking for!

 

[Alteras]

vertical-align is for aligning things in the same line as normal text, stuff like inline icons.

To get the text center, you'd probably have to add display: flex; flex-flow: column; justify-content: center.

 

[Lady Tinfoil]

vertical-align is for aligning things in the same line as normal text, stuff like inline icons.

To get the text center, you'd probably have to add display: flex; flex-flow: column; justify-content: center.

OOOH, tysm! I misunderstood what it does. I'll give that a try!