如何使兩個元素完美排列？

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;有用。

讓我知道這是否正常工作。