インラインリストアイテムを特定の幅にする

Question

私は左のイメージと右のテキストのリストアイテムを持っています。各画像は全く同じ幅ではないので、テキストは垂直に整列しません。
ラベルを画像の右側に縦に並べるにはどうすればよいですか？おかげでCSS次

.checks-row { 
    display: inline-block; 
} 

.checks-row li { 
    display: inline; 
} 

.check-image { 
    width: 4em; 
} 

<ul class="checks-row"> 
    <li class="check-image"> 
    <img src="/{{this.image}}.gif"> 
    </li> 
    <li class="check-label">{{this.label}}</li> 
</ul> 

Answer 1

用途：

.checks-row li { 
    vertical-align: middle; 
    display: inline-block; 
}