将标识放在标题的中心

Question

你可以帮助我在标题的中心制作标识

我尝试了很多时间，但我无法做到这一点

这是我认为可以对其进行编辑的代码

这是网站的链接

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;
}

Answer 1

将.site-branding img添加到float: left;
并从.site-branding

中删除.site-branding { padding: .3em 0 0; } .site-branding img{ width: 500px !important; height: 80px !important; margin: 0 auto; }

所以最终的代码将是

#pragma clang diagnostic ignored "-Wdeprecated-declarations"

Answer 2

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

请勿使用float:left。

Answer 3

尝试将位置设置为绝对值并保持为50％。这将使元素的左侧居中。使用变换将使元素的中间居中。

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