次回は、関連するコード ビットのみを質問に投稿してください。これにより、人々がわざわざ回答する可能性がはるかに高くなります。
これがあなたが参照しているコードである場合:
<div id="header">
<div id="site-title">
<a href="http://www.panduzee.com/wordpress"><img src="http://i.imgur.com/ysxPP.jpg"></a>
</div>
<!-- other bits stripped for brevity -->
<div class="clear"></div>
</div>
そしてcssはこれです:
#header {
border-bottom: 1px solid #dedfe0;
padding-bottom: 50px;
}
#site-title {
float: left;
width: 100%;
padding-right: 40px;
overflow: hidden;
line-height: 27px;
font-size: 23px;
display:block;
margin: auto;
}
#site-title a {
color: #333;
font-weight: bold;
text-decoration: none;
}
次に、次のように css を修正する必要があります。 1.サイトタイトルから を
削除します。float: left
不要。2. で問題が発生することに
注意してください
。 3.サイトのタイトルに追加します。
4.サイトのタイトルに a を追加しますpadding-right of 40px
width: 100%
text-align: center;
margin: 0 auto;
次のコードは、あなたが望むことを行います:
#header {
border-bottom: 1px solid #dedfe0;
padding-bottom: 50px;
}
#site-title {
width: auto;
padding-right: 40px;
overflow: hidden;
line-height: 27px;
font-size: 23px;
text-align: center;
}
#site-title a {
color: #333;
font-weight: bold;
text-decoration: none;
margin: 0 auto;
}