0

ここにこのような質問がいくつかありますが、それらの回答はうまくいきませんでした。

これは何が起こっているのかのjsfiddleです

他の質問で言われたことをやってみた

フローティング オブジェクトをインライン ブロックで表示し、コンテナをテキスト ライン右にします。他に何が間違っている可能性がありますか?

html

<nav>
    <h1>OWN WHAT YOU THINK</h1>
     <a href="#">JOIN</a>
     <a href="#">HISTORY</a>
     <a href="#">RESOURCES</a> 
     <a href="#">CONTACT</a>
</nav>

CSS

nav{
height:61px;
width:400px;
color:white;
background-color: black;
margin:0 auto;
vertical-align: 10px;
line-height: 387%;
padding:0 50px 0 50px;
text-align: right;

}

nav h1{
    font-size:12px;
    float:left;
}

nav a{
    display:inline-block;
    float:right;
    color:white;
    margin-left:10px;
    font-size:12px;
    text-decoration: none;
    font-weight:100;
    letter-spacing: -1px;
}

ありがとうございました

4

1 に答える 1

0

ナビ A からフロートを取り外します

nav a{
    display:inline-block;

    color:white;
    margin-left:10px;
    font-size:12px;
    text-decoration: none;
    font-weight:100;
    letter-spacing: -1px;
}

http://jsfiddle.net/xdJdv/

于 2013-10-31T22:49:07.210 に答える