How to best use item-image?

I get different behaviour when I apply the properties of a class directly to an element as styles versus if I use the class name. For example:

<div class="item item-image"></div>


<div class="item" style="padding:0; text-align:center;"></div>

yields two different results.

What is the best way to identify the root cause of this?