小编use*_*478的帖子

我的网站上有一些页面标题,但它们似乎经常略微偏离中心,我似乎无法轻易地将它们集中在一起.

通过查看徽标上方的小半圆,您可以看到,ABOUT ME标题并不完全位于页面的中心.

如果有人能帮助我将这些标题放在页面中间,我将非常感激.

当前的CSS

#navigationBar
{
width:75%;
height:35px;
margin:10px auto;
padding: 0 5px;
border:0px solid #1e1e1e;
background-color: #f3f3f3;
}


#nav 
{
width: 100%;
float: left;
margin: auto;
margin-top:8px;
padding: 0;
background-color: #f3f3f3;
text-align: center;
color:#1e1e1e;
font-family:gobold;
text-align:center;
font-style:none;
font-weight: 100
}

#nav span a 
{
padding-right:5%;
padding-left:5%;
text-decoration:none;
font-weight:bold;
color:#1e1e1e; 
}

#nav span a:hover 
{
color:#d21a20;
}

当前的HTML

<div id="navigationBar">
<div id="nav">
    <span><a href="portfolio.html">portfolio</a></span>
    <span><a href="about.html">about me</a></span>
    <span><a href="contact.html">contact</a></span>
</div>
</div>

我在http://jamesfrewin.co上建立了一个网站，我试图让小信封图标具有用于邮件的链接，以便仅在信封图像上工作，但它似乎溢出了整个盒子。

任何帮助解决这个问题将不胜感激。

http://jsfiddle.net/JzEnm/

Code

我的页面的代码在上面的链接中。

谢谢！