在標題中居中放置徽標

Question

我想將標題徽標置於this page的中間。

我想：

.site-header { 
    margin-left: 30px; 
    margin-right: 30px; 
    padding: 20px 0; 
    text-align:center; 
} 
.site-header hgroup { 
    display: inline; 
    margin-left: auto; 
    margin-right:auto; 
} 

這是原代碼：

.site-header { 
    margin-left: 30px; 
    margin-right: 30px; 
    padding: 20px 0; 
} 
.site-header hgroup { 
    display: inline; 
    float: left; 
} 
.site-header .site-title { 
    display: inline; 
    float: left; 
    margin-right: 10px; 
} 
.site-header .site-title a, .site-header .site-title img { 
    display: block; 
} 
.site-header #site-description { 
    display: inline; 
    float: left; 
    font-size: 10px; 
    font-weight: 600; 
    padding: 20px 0; 
} 

通過我有其他問題的方式，標識（PNG圖片）並不總是通過Safari瀏覽器中顯示（Chrome瀏覽器正常），有時您必須調整窗口大小或在菜單項上點擊以使其顯示。

Answer 1

.site-header hgroup { display: block; margin: 0 auto; float: none; width: 120px; }