html - 对齐社交媒体共享图标

Question

我正在使用手动代码选项使用适用于 Wordpress 的 DigG Digg 社交媒体插件:

我的 HTML 如下，但这并没有多大用处，因为它是通过 PHP 生成的 - 我已经实现了媒体类和框!

我的主要问题是如何让所有图标通过相同的高度对齐？

Live URL

HTML:

        <div class="diggSocialMedia">
            <div class="box0">
                <?php dd_fbshare_generate('Compact') ?>
            </div>
            <div class="box1">
                <?php dd_twitter_generate('Compact','hakatours') ?>
            </div>
            <div class="box2">
                <?php dd_fblike_generate('Like Button Count') ?>
            </div>
            <div class="box3">
                <?php dd_google1_generate('Compact') ?>
            </div>
        </div>

Answer 1

.diggSocialMedia > div {
    vertical-align:top;
}