创建一个短代码，图像和文本在中间对齐

Question

如何创建一个WordPress短代码，使您能够在图像中间添加与文本对齐的图像？

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

现在这是我的代码，但它执行得不好 -

在wordpress中执行：

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

function.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。