出于某种原因,我无法在我的中间列(三列)中获取文本来响应我应用于它的任何类或样式。我只是想将中间栏中的文本向右滑动一点。
CSS(样式表):
#footer-address {
font-size:20px;
padding-left:20px;
}
#nav-foot{
border:1px solid #ccc;
border-width:1px 0;
list-style:none;
margin:0;
padding:0px;
text-align:left;
font-size:12px;
}
#nav-foot li{
display:inline;
}
#nav-foot a{
display:inline-block;
padding:20px 0 20px 0;
}
#nav-social {
border:1px solid #ccc;
border-width:1px 0;
display:inline;
list-style:none;
margin:0;
padding:0px;
float: left;
}
#nav-social li{
display:inline;
}
#nav-social a{
display:inline-block;
padding:20px 0 20px 0;
}
HTML:
<div style="width:30%; float:left; margin: 10px 0 10px 0; position:relative;">
<ul id="nav-foot">
<li><a href="/about-us/">About Us</a></li>
<li><a href="/employment/">Jobs</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
</div>
<div id="footer-address" style="width:30%; float:left; margin: 10px 20px 10px 20px; position:relative;">
375 6th St. </br>
Atlanta, GA 30308 </br>
Phone: <a href="tel:+1-404-981-3934">404-981-3934</a> </br>
Email: <a href="mailto:admin@perimetermaids.com ">admin@perimetermaids.com </a>
</div>
<div style="width:30%; float:left; margin: 10px 0 10px 0; position:relative;">
<ul id="nav-social">
<a href="www.facebook.com/PerimeterMaids" target="_blank" class='social'><i class="awesome-facebook hover-fade" style="color:#ffffff; font-size:22px;"></i></a>
<li><a href="https://twitter.com/perimetermaids" target="_blank" class='social'><i class="awesome-twitter hover-fade" style="color:#ffffff; font-size:22px;"></i></a></li>
<li><a href="https://plus.google.com/111070135673056939333/posts" target="_blank" class='social'><i class="awesome-google-plus hover-fade" style="color:#ffffff; font-size:22px;"></i></a></li>
<li><a href="http://pinterest.com/perimetermaids" target="_blank" class='social'><i class="awesome-pinterest hover-fade" style="color:#ffffff; font-size:22px;"></i></a></li>
<li><a href="http://perimetermaids.com/contact/#contact-wrapper" target="_blank" class='social'><i class="awesome-envelope-alt hover-fade" style="color:#ffffff; font-size:22px;"></i></a></li>
</ul>
</div>
对不起,如果代码草率或我的问题的格式,但是,我真的很想知道为什么这不起作用。如果有人也需要,
我的网址是http://perimetermaids.com/test 。这是用于黑色页脚区域。感谢您的帮助,希望大家周末愉快!