/*--- 背景画像としてwidth・height指定可能 ---*/

.ex:before {
 content: '';
 display: inline-block;
 width: 40px;
 height: 40px;
 background-image: url(../img/ex.jpg);
 background-size: contain;
 vertical-align: middle;
}


/*--- width・height効かない ---*/

.ex:before {
 content: url(../img/ex.jpg);
 display: inline-block;
 width: 40px;
 height: 40px;
}


デフォルトのdisplay: inline;では
width・height指定不可

要素と画像を横並びにしたいとき＝inline-block
改行をいれるとき＝block