Vertically centre text in a row

User 2336335 Photo


Registered User
8 posts

Hi,

I'm trying to replicate elements of existing design in RED. It's working well but I have one problem at the moment.

I have a Constrained Row, with a single column in it. The Row has a white background and the column has a red background. In the column I have white text. That text will generally be short and just 1 row of characters. I want that text to be vertically centred within the row/colum. I've tried various things but I cannot seem to reduce the height of the row or vertically align the text in the middle of the row.

for clarity, the Left, Centre, Right alignment works fine, it's getting the text to be positioned vertically in the row that I can't get to work.

Any suggestions?

Thanks.
User 232214 Photo


COO
827 posts

You should be able to apply a minimum height to the column and, also on the column, set the vertical align to 'middle'. This is with RED for Business (the Personal version has a simplified control set).

Hope this helps!
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.