css - 标题 css 中的网站名称？

Question

我会把网站名称放在这个标题的中间，但不幸的是我做不到，我尝试了很多组合，但我就是做不到。我会发布源代码

CSS

.header {
    background-color:#00B9ED;
    height:50px;
    border-bottom:0px;
    padding-left:auto;
    padding-right:auto;
    width:100%;
}

#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    padding-top:0px;
    padding-bottom:0px;
}

.logo {
    width:150px;
    margin: 0 auto;
}

.logo img {
    width:150px;
    height:50px;
}

.logo:hover {
    height:50px;
    background-color:#A9E2F3;
    cursor:pointer;
}

HTML

<div class="header">
    <div id="wrapper">
        <div class="logo">
            <img src="image.png" />
        </div>
    </div>
</div>

不知道我该怎么办？谢谢

Answer 1

使用下面的代码

<style>
.header {
background-color:#00B9ED;
height:50px;
border-bottom:0px;
padding-left:auto;
padding-right:auto;
width:100%;
}

#wrapper {
margin-left:auto;
margim-right:auto;

padding-top:0px;
padding-bottom:0px;
}
.logo {
text-align: center;
}
.logo img {
    width:150px;
    height:50px;
}
.logo:hover {
height:50px;
background-color:#A9E2F3;   
cursor:pointer;
}
</style>

<div class="header">
<div id="wrapper">
<div class="logo">
<a>Bhavin<img src="image.png"></a>
</div>
</div>
</div>