在WordPress中定位徽标与站点标题一致

Question

我在header.php中有以下代码。我想要做的是将徽标与文本放在一起，以便在较小的设备上查看它时也能保留在那里。我在wordpress上使用基础印刷主题来做到这一点。当我在它之前插入徽标时，标题似乎消失了，但如果我在标题后面插入徽标，则其标记为罚款：

<div class="top-bar-container contain-to-grid show-for-medium-up" role="navigation">
<nav class="top-bar" data-topbar role="navigation">
    <ul class="title-area">

<li class="name">
<a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a>
<img src="http://localhost/rabbit/wp-content/themes/FoundationPress-master/images/flogo.svg"     width="80" height="80">

</li>

    </ul>
    <section class="top-bar-section">
        <?php foundationPress_top_bar_l(); ?>
        <?php foundationPress_top_bar_r(); ?>
    </section>
   </nav>
 </div>