How to set table cell padding from CSS?

I am struggling with a cell padding issue in a given HTML table (generated by Drupal).

The table is the following:

I tried the following:

.view-thumbnails-of-tips-and-tricks {
    padding: 10px 10px 10px 10px;  
}

I want to adding padding around cell content as following:

Unfortunately, the padding goes around the table, rather than the cells' content. How can I solve this?

.view-thumbnails-of-tips-and-tricks tr td {
    padding: 10px;  
}