无法将这些并排排列

时间:2015-03-18 03:57:47

标签: html css

我无法将这些内容移到页面中心。有谁看到了什么问题?

<ul id="contact">
<h1> Contact </h1>
    <p> Dreamstowheels@yahoo.com </p>
    <p> 2236 El Camino Real <br>
    Santa Clara Ca 95050 </p>
</ul>

<ul id="follow">
    <h1> Follow </h1>
    <img src="http://www.flagera.eu/sites/all/modules/socialmedia/icons/levelten/glossy/32x32/facebook.png">
</ul>

<ul id="supporters">
    <h1> Supporters </h1>
        <p><a href="http://www.cyclinginquisition.com/"    target="_blank">     Cyclinginquisition.com </a></p>
        <p><a href="http://www.colombiacyclingpro.com/" target="_blank"> Colombia Cycling Team </a></p>
        <p><a href="http://calmarcycles.com/" target="_blank"> Calmar Bicycles </a></p>
        <p><a href="https://www.facebook.com/rocksolidcycling" target="_blank"> Rock Solid Cycling </a></p>
        <p><a href="http://www.fastfreddieapparel.com/" target="_blank"> Fast Freddie Foundation </a></p>
        <p><a href="http://www.goldencreekservices.com/" target="_blank"> Golden Creek Services (Envio de Paquetes)  </a></p> 
</ul>
</footer>

CSS

footer{ /*Footer section attributes */
margin: -50px auto;
width: 100%;
text-align: center;
/* border-top: solid 1px;*/
}

如果您需要css联系,关注和支持者div,请告诉我。提前谢谢。

1 个答案:

答案 0 :(得分:0)

在小提琴中删除CSS代码中的所有内容,然后将其放在那里。

footer{ margin:0 auto; text-align:center;}

https://jsfiddle.net/u2Zb2/45/