对齐社交媒体共享图标

Question

我使用手动代码选项使用DigG Digg社交媒体插件进行Wordpress：

我的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;
}

Answer 2

.diggSocialMedia {
    height: 0;
    overflow: visible;
}