css - 画像とテキストをインラインで垂直方向に中央揃えで表示

Question

次のように画像とテキストをインラインで表示しようとしています：

画像テキスト

画像は円なので、画像がテキストより少し大きいので、テキストを画像の中央に縦に配置したい

これは私がこれまでに持っているものです:

#contactinfo-text {
    font-size:30px;
    color:#F36F25;
    display:inline;
    margin-bottom:30px;
}
#contactinfo-text:hover {
    color:#666666;
}

<img src="../images/icons/telephone.png" height="60" /><div id="contactinfo-text">01702 66 77 27</div>

何か案は？