Skip to Content
author's profile photo Former Member
Former Member

Vertical-align property not working in CSS Styling

Hi,

I am trying to make a responsive web design, so everything is in a grid layout. I have some text boxes where I want the text to be vertically centered. I have tried using the vertical-align property in CSS, but it doesn't work in Design Studio. Please find the screenshot attached.

Could anyone tell me if there is another way to vertically align text in Design Studio?

Best,

Sakshi

Add a comment
10|10000 characters needed characters exceeded

Related questions

2 Answers

  • Posted on Jun 09, 2015 at 02:19 PM

    Have you seen/tried the options listed in this thread?

    Add a comment
    10|10000 characters needed characters exceeded

    • Former Member Tammy Powlas

      Well, there are two or perhaps more ways in which a responsive design can be made. One is how Jeroen's showed by using the media property in CSS and using definitive values for each output device. Another way is through the grid layout, although restrictive, you don't have to specific numbers in CSS files there.

      I'm going by the second option. So, though the blog has some really nice ideas, they don't work for me. 😔

  • author's profile photo Former Member
    Former Member
    Posted on Dec 18, 2015 at 02:35 AM

    Hi Sakshi,

    This seems an old post however noticed that you have not marked as "Answered"

    The below script in CSS seems to work perfectly fine for me

    display: flex; justify-content: center; flex-direction: column; height: auto;

    Below are some additional links explaining this in detail. Hope this helps

    https://css-tricks.com/centering-css-complete-guide/

    Centering in the Unknown | CSS-Tricks

    I have posted this answer for also

    Regards,

    Premdas

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.