Vertically align widget text and images

Hi, I want to vertically align the widget text and images.

So far I’ve been using this for each panel I need to be centered:

#pgc-4-0-1.panel-grid-cell {
    display: inline-block;
    float: none !important;
    vertical-align: middle; 
}

However, I’d like a more general solution so I won’t have to insert so much CSS in the page. Maybe something like this:

.panel-grid-cell {
    display: inline-block;
    float: none !important;
    vertical-align: middle; 
}

However, this is not working properly, so I must be missing something. I’d appreciate some help.

Cheers!