2014-09-18 70 views
0

我想中心页脚链接附近的一些文字。我可以使用文本对齐的文本,但不适用于链接。任何人都知道解决方案试图中心页脚链接旁边的一些文字

的jsfiddle - http://jsfiddle.net/p7fxqmrc/1/

<footer> 
    <p>Copyright 2014</p> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Services</a></li> 
     <li><a href="#">About Us</a></li> 
     <li><a href="#">Contact</a></li> 
    </ul> 
</footer> 



footer p{ 
    color:#5b5a5a; 
    font-family:arial; 
    font-size:14px; 
    float:left; 
    margin:10px; 

} 

footer ul li{ 
    float:left; 
    margin:10px; 

} 

footer ul li a{ 
    text-decoration:none; 
    color:#5b5a5a; 
    font-family:arial; 
    font-size:14px; 
    float:left; 

} 

回答

1

请检查:jsFiddle

这是更新的CSS:

footer p { 
    color:#5b5a5a; 
    font-family:arial; 
    font-size:14px; 
    margin:10px; 
    text-align: center; 
} 
footer ul li { 
    margin:10px; 
    list-style: none; 
    display: inline-block; 
} 
footer ul li a { 
    text-decoration:none; 
    color:#5b5a5a; 
    font-family:arial; 
    font-size:14px; 
} 
footer ul { 
    text-align: center; 
    padding-left: 0px; 
} 
+0

是啊,除了我想的版权与小幅度的链接的左侧。 – Ralphunreal 2014-09-19 00:09:04

+0

选中此项:http://jsfiddle.net/mynyhLk7/5/ – 2014-09-19 00:11:16