具有div样式和div id的列

时间:2013-07-27 00:21:38

标签: class html formatting

出于某种原因,我无法获取我的中间列(三列)中的文本来响应我应用于它的任何类或样式。我只是想把中间栏中的文字向右滑动一点点。

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。这是针对黑色页脚区域。感谢您的帮助,希望大家度过一个愉快的周末!

0 个答案:

没有答案