я не могу показаться, чтобы выяснить, почему это работает:равномерно распределяют уль список через DIV
#inside-footer {
display: inline-block;
margin-left: auto;
margin-right: auto;
font-size: 85%;
}
#inside-footer ul.footer_nav {
text-align: left;
float: left;
margin: 20px 10px;
position: relative;
width: 164px;
}
<div id="inside-footer">
<ul class="footer_nav">
<h4>Zeigeist</h4>
<li>
<a href="/;about">About</a>
</li>
<li>
<a href="/blog">Blog</a>
</li>
<li>
<a href="/;contact">Contact & Support</a>
</li>
<li>
<a href="/training">Training</a>
</li>
<li>
<a href="#">Site Status</a>
</li>
</ul>
<ul class="footer_nav">
<h4>Tools</h4>
<li>
<a href="/;create">Chapter Generator</a>
</li>
<li>
<a href="#">Activies Board</a>
</li>
</ul>
<ul class="footer_nav">
<h4>Documentation</h4>
<li>
<a href="#">Chapter Sites</a>
</li>
<li>
<a href="#">Developers</a>
</li>
</ul>
<ul class="footer_nav">
<h4>External Links</h4>
<li>
<a href="#">News</a>
</li>
<li>
<a href="#">Media</a>
</li>
</ul> <!-- /upper-footer-->
</div><!-- /inside-footer -->
но на моем сайте http://zmgc.net/ элементы списка по горизонтали, а не под тегами заголовков.
Я хотел бы отобразить его как http://jsfiddle.net/ypr8g/13/, но в равной степени распространяется в пределах yui3-u-19-24 div, и, возможно, я могу разделить это на другой yui3-g и поместить каждый в div yui3-u-1-4 но не кажется правильным!
что мне не хватает?
благодаря
спасибо, но есть ли способ равномерно распределить 4 списка через div? – khinester
Если вы измените свой # div на следующий, который должен работать внутри нижнего колонтитула ul.footer_nav {text-align: left; плыть налево; margin: 20px 0; ширина: 283 пикселей; } вам нужно указать ширину ul – frontendzzzguy