Class 具有div样式和div id的列

由于某些原因，我无法使中间一列（共三列）中的文本响应我应用于它的任何类或样式。我只是想把中间栏中的文字滑动到右边一点。

CSS（样式表）：

HTML:

第六街375号

佐治亚州亚特兰大30308

电话：

电邮：

很抱歉，如果代码太草率，或者我的问题的格式太差，那么我真的不明白为什么这样做行不通。

---

我的网址是如果有人也需要的话。这是用于黑色页脚区域。谢谢你们的帮助，希望你们都有一个美好的周末

这不是一个答案，而是一个快速的建议-当我的布局开始出现这种情况时，我会将内容放入一个div（页脚地址div中的一个div）中，并将该div居中。这并不优雅，但对我来说很管用。谢谢Julie，我会尝试一下并报告。哪个列被认为是中间列？[请不要使用内联样式]

#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;
}

 <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>