ul içindeki li lerin içeriğini dikey ortalama

merhabalar;

hazırladığım ul listesindeki li taglarının içinde 24px png ikon ve 18px kısa yazılar var ikon yazıdan büyük olduğu için hoş görünmüyor bu li taglarının içeriğini dikey ortalamam gerekiyor yatay text-align: center; ile kolayca yapabiliyorum ama dikey ortalama yapamadım. tablo metodunu denedim ama malesef olmadı.
ps:

html:

<ul class="flist">
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/id.png" /> <b>Firma ID:</b> <?php echo $row['id']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/tarih.png" /> <b>Ekleme Tarihi:</b> <?php echo $row['tarih']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/uye.png" /> <b>Ekleyen:</b> <?php echo $row['yazar']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/sabit.png" /> <b>Sabit Telefon:</b> <?php echo $row['sabit']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/fax.png" /> <b>FAX:</b> <?php echo $row['fax']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/gsm.png" /> <b>GSM:</b> <?php echo $row['gsm']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/sektor.png" /> <b>Hizmet Sektörü:</b> <?php echo $row['sektor']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/ilce.png" /> <b>İlçe:</b> <?php echo $row['ilce']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/adres.png" /> <b>Adres:</b> <?php echo $row['adres']; ?></li>
                    <li><img width="24" height="24" src="<?php echo $domain; ?>/img/website.png" /> <b>Web Site:</b> <?php echo $row['website']; ?></li>
                </ul>

css:

ul.flist {
    margin: 0;
    padding: 0;
}
ul.flist li{
    list-style-type: none;
}

Bir kaç farklı yöntem söyleyeceğim duruma göre yaparsınız.

İlk olarak table-cell yöntemi:

ul.flist {
    margin: 0;
    padding: 0;
list-style: none;
}

ul.flist li img {
display: table-cell;
}

ul.flist li span {
display: table-cell;
vertical-align: middle;
}

bunu yapabilmek için b tagından php'nin bitişine kadar <span> </span> etiketlerini ekleyin.

İkinci yöntem direkt olarak line-height vermek olacaktır. Basit ve etkili yöntemdir.

ul.flist li{
line-height: 22px;
}