文字の移動

質問

Ｓｏ－ｎｅｔのブログですが、下記の記述でタイトル文字の移動はどの部分を変更するのでしょうか？
どこの数値を変えても変更できません。ご教授の程宜しくお願い致します。

/*-----Header-----*/

#banner {background:url("/_images/blog/_2da/msstyle/IMG_1374.JPG") no-repeat;
width:900px;
margin:0 auto;
padding:80px 0 35px 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
clear:both;
}
<br>
#banner h1{
margin:0 10px 0 0;
padding: 50px 50px 10px 0;
font-size:40px;
display:inline;
border-right:1px solid #cccccc;
}
#banner h1 a{
color:#ffffff;
}
#banner h1 a{
font-family:'CHRISTINA';
color:#ffffff;
line-height: 200%;
}

#lead{
margin:0;
display:inline;
font-size:small;
}

回答No.2

naokita

＃１です。
自分の質問をよーく見直して下さい。　質問の上から１３行目！

CSSに　<br>　がある・・・

これがあるから 何も変化しない。
CSSも h1 だけでは無く#bannerの数値も変更。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

/*-----Header-----*/

#banner {background:url("/_images/blog/_2da/msstyle/IMG_1374.JPG") no-repeat;
width:900px;
margin:0 auto;
padding:80px 0 35px 0; /*----この行の数値変更-----*/
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
clear:both;
}
/*----<br>削除済み-----*/
#banner h1{
margin:0 10px 0 0;
padding: 50px 50px 10px 0; /*----この行の数値変更-----*/
font-size:40px;
display:inline;
border-right:1px solid #cccccc;
}
#banner h1 a{ /*----この行　不要-----*/
color:#ffffff; /*----この行　不要-----*/
} /*----この行　不要-----*/
#banner h1 a{
font-family:'CHRISTINA';
color:#ffffff;
line-height: 200%;
}

#lead{
margin:0;
display:inline;
font-size:small;
}

上記、２か所の数値を色々変更してみる事。
これで変更出来なければ、別のCSSやHTMLや他の原因があるので
サイトを検証しなければ誰もわかりません。

お礼

なんとか解決しました。有難うございます。

回答No.1

naokita

正直、情報が少なすぎ。CSSだけではわかりませんし、
移動したいと言っても横なのか縦なのか・・・

予測ですが、

<br>
↑↑　削除しましょう。

#banner h1{
margin:0 10px 0 0;
padding: 50px 50px 10px 0;
font-size:40px;
display:inline;
border-right:1px solid #cccccc;
}
タイトルは、これでしょう。
　margin　と　padding　の数値で調整出来る。横ならtext-alignで指定
しかし、それよりも　#banner　の　padding　が指定されているので
これも調整しないと上下調整が難しい。paddingの数値を上下調整した方が良いかも。
両方の数値の調整が必要だと言う事です。

余計なことをすると崩れる可能性もあります。

補足

移動は右と上方向になります。
数値を変更してもまったくかわりません。
又、改行<br>を削除すると崩れます。