How do I "Vertical Align" the message text?

Ok, call me picky but I want to have the text in the attached image appear centered vertically in the box, so it is inline with the middle of the success image.

Can someone please tell me how to go about doing this? I am assuming it is in the style sheet, but I tried the code below and it did not work.

.messageStackSuccess {
 background-color: #FFFFCC;
 color: #000000;
 vertical-align: middle;
 }

Thanks again for the help.

Nice idea :thumbsup:

.messageStackSuccess img, .messageStackCaution img{
vertical-align: middle;
}
```As you see I added one other class with the same purpose. It would be even nicer to add it to all messageStack classes, probably.

(actually this shows what multiple classes really are good for, all messageStack messages should have a class "messageStack", and each different kind it's own secondary  class like "messageStackCaution" and "messageStackSuccess" etc).

Thanks again... Your suggestion worked great. Here is the after shot. Most people wouldn't care, but I figure I am starting from scratch so I should take the extra time and do it how I want it.

Thanks again! :clap:

I certainly agree it looks much better. And I am using the stack whenever a product has been added to the cart (which is an important moment, I guess ;-) ), so I am glad your question reminded me to fix it!

And I'm glad it works for you too :-)