css - 图像没有一直居中

Question

徽标图像向左浮动约 20%。我哪里做错了？

<div class="container">
<div class="header" id="hd">
<header>
<div class="row">
<div class="span12 pagination-centered">
<a href="<?php echo get_settings('home'); ?>"><img src="http://www.blabla.com/wp-content/themes/lawyer/images/logo.png"></a></div>
</div>

.container {width: 100%;}
#hd {
background-color: #405160;
}
#lg {
margin: 0 auto;
position: relative;
}

Answer 1

刚刚使所有行都流畅，并且完美对齐

Answer 2

尝试下面的代码和附加的 css 类。

.row:before, .row:after { 内容：""; 显示：表格；行高：0；}

.row:after { clear: both; }

.logo { padding-top: 10px; }

    <div class="row">
      <div class="logo">
        <a href="<?php echo esc_url(home_url('/')); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt=""></a>
      </div>
    </div>

谢谢。