Archived

This topic is now archived and is closed to further replies.

  • 0

Vertical Align text inside of boxes

Question

Posted · Report post

Hello all,

     I searched best I could and did not find a solution so I thought I would ask. I am trying to vertically align text inside a series of boxes. I used CSS to get the rounded corners and shadow working but I can't seem to get the vertical alignment to work. I tried using:

#fbox_ID {vertical-align:middle;}

 

both on it's own and with a table cell declaration as well as:

#fbox_ID {position: absolute; top:50%;}

 

I'm still new to CSS so forgive me if this should be a self evident fix.  :(

 

Thanks!

Robert

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi Robert

 

You're css looks correct, its #fbox though as the ID, not fbox_ID, you might need to go further into the elements within the box to get this to work correctly, like inside the box you have the fbox title and the fbox content. If you use those classes you are applying those instructions specifically to those areas.

Share this post


Link to post
Share on other sites