それぞれの上にナビリンク

Question

私はnavをビルドして、私は彼らがお互いに立ち往生している問題に遭遇しました。

body{ 
 
\t \t \t margin:0px; 
 
\t border:0px; 
 
} 
 

 
.nav-wrapper{ 
 
background-color: #34384a; 
 
width: 100%; 
 
height: 70px; 
 
overflow: hidden; 
 
margin: 0; 
 
} 
 
.prime-nav{ 
 

 
} 
 
.prime-nav a{ 
 
\t padding: 24px 30px; 
 
\t 
 
\t display: inline-block; 
 
\t border-right: 1px solid #34495E; 
 
\t border-left: 1px solid #34495E; 
 
\t overflow: hidden; 
 
\t position: fixed; 
 
\t left: 500px; 
 

 
} 
 
.prime-nav a:hover{ 
 
\t background-color: #2e3242; 
 
} 
 
a{ 
 
\t text-decoration: none; 
 
\t color: white; 
 
\t font-size: 20px; 
 
}

<div class="nav-wrapper"> 
 
    <div class="prime-nav"> 
 
     <a>Build Computer</a> 
 
     <a>Other Bots</a> 
 
    </div> 
 

 
</div>

私はNAVアイテムはので、私は途中からそれらを削除せずにこの問題を解決する方法を真ん中に固執したいです。

Answer 1

float: left;あなたが探しているものは、私は信じています。私はテキスト整列を追加することによって、自分自身の問題を修正助けを

body{ 
 
    margin:0px; 
 
    border:0px; 
 
} 
 

 
.nav-wrapper{ 
 
    background-color: #34384a; 
 
    width: 100%; 
 
    height: 70px; 
 
    overflow: hidden; 
 
    margin: 0; 
 
} 
 

 
.prime-nav{ 
 
    left: 500px; 
 
} 
 

 
.prime-nav a{ 
 
    padding: 24px 30px; 
 
    margin: 5px; 
 
    display: inline-block; 
 
    border-right: 1px solid #34495E; 
 
    border-left: 1px solid #34495E; 
 
    overflow: hidden; 
 
    float: left; 
 
    left: 500px; 
 
} 
 

 
.prime-nav a:hover{ 
 
    background-color: #2e3242; 
 
} 
 

 
a{ 
 
    text-decoration: none; 
 
    color: white; 
 
    font-size: 20px; 
 
}

<div class="nav-wrapper"> 
 
    <div class="prime-nav"> 
 
     <a>Build Computer</a> 
 
     <a>Other Bots</a> 
 
    </div> 
 
</div>

Answer 2

みんなありがとう：センター;