如何让两个元素完美排列？

Question

我仍然在努力完成我正在努力的这个主题。 Atm我试图实现标头支持，但它与我的布局不太匹配。一切都很好，直到我添加这一行：

<img src="<?php header_image(); ?>" />

所以，标题目前看起来像这样：

<hgroup class="blog-header">
        <img src="<?php header_image(); ?>" alt="" />
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        <?php the_breadcrumb(); ?>
    </hgroup>

事情就是这样，当没有标题图像时，这样可以正常工作，但是当添加一个图像时，它会弄乱我的网站描述样式 - 从那里突然出现几个像素。标题和描述应该是相互内联的，并且我不确定如何在没有其中一个方案错误的情况下解决这个问题。

这是我的风格：

.site-title {
font-family: 'Bree Serif', Georgia, serif;
font-weight: 700;
font-style: uppercase;
font-size: 30px;
color: #fff;
margin: 0 0 0 90px;
padding: 60px 25px 60px 0;
float: left;
}

.site-description {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 400;
color: #c9c9c9;
padding: 68px 25px 60px 0;
}

Answer 1

好的，这将是奇怪的，但如果你进入你的身体类在reset.css，并将line-height = 1更改为line-height = 4px;它向上移动。或者甚至只是从1变为1px;它有效。

让我知道这是否有效。