使得標誌在頭的中心

你能幫助我，使標誌在頭的中心使得標誌在頭的中心

我嘗試了很多的時間，但我不能使它

這是代碼我想你可以編輯它

此

網站

https://almerrikhtoday.com/abdelbaset/london/

.site-branding { 
 
    float: left; 
 
    padding: .3em 0 0; 
 
} 
 

 
h1, h2, h3, h4, h5, h6 { 
 
    clear: right; 
 
    font-family: "Roboto", sans-serif; 
 
    font-weight: 500; 
 
    color: #333232; 
 
    word-wrap: break-word; 
 
    margin-top: 0; 
 
    margin-bottom: 0; 
 
}

的鏈接

來源

2017-03-17 Quda Kids Clinic

請將相關代碼包含在您的帖子中。 –

添加margin: 0 auto;到.site-branding img
和.site-branding

刪除float: left;所以最終代碼會

.site-branding { 
    padding: .3em 0 0; 
} 

.site-branding img{ 
    width: 500px !important; 
    height: 80px !important; 
    margin: 0 auto; 
}

來源

2017-03-17 23:28:29

.site-branding { 
    margin: 0 auto; 
    padding: .3em 0 0; 
}

不要使用float:left。

來源

2017-03-17 23:23:18

不居中 –

標誌居中後刪除float：留在父div –

不，它不是。 '.site-branding'是一個普通的'div'，沒有寬度。 'auto'的左/右邊距僅在元素具有不是100％的指定寬度時纔有效http://i.imgur.com/OypODsR.png –

嘗試設置位置絕對和留下50％。這將使元素的左側居中。使用變換將居中元素的中間。

.site-branding { 
    margin: 0 auto; 
    padding: .3em 0 0; 
    position: absolute; 
    left: 50%; 
    transform: translate(-50%, 0); 
}

來源

2017-03-17 23:34:39

使得標誌在頭的中心

回答

相關問題