css - 画像とテキストを真ん中に配置したショートコードを作成する

Question

画像の中央に配置された横にテキストを追加できるようにする WordPress ショートコードを作成するにはどうすればよいですか?

[       ]
[       ]
[ IMAGE ] My Text (aligned in middle)
[       ]
[       ]

ここに私のコードがありますが、うまく実行されません-

ワードプレスでの実行:

[contactIcon]here I add my image and text next to each other[/contactIcon]

関数.php

function contactIcon($atts, $content = null) {
    $content = do_shortcode($content);
    return '<div class="contactIcon"><img src="' . $content . '" alt="icon" /><span class="contactHeader">' . $caption . '</span></div><div style="clear:both"></div>';
}
add_shortcode('contactIcon','contactIcon');

注: これを行う理由は、WordPress では、その横に画像とテキストを追加すると、中央に配置されず、毎回下部に明確な div を追加する必要があるためです。