У меня есть встроенный список, который я пытаюсь получить, чтобы заполнить всю ширину его div.css встроенный список полей
Если я использую margin-right в списке, последний элемент либо не достигнет конца div (потому что он имеет правильное поле), либо правый край заставит его перейти к следующей строке по мере ее превышения ширина div.
Вот пример того, что я описываю.
мой HTML:
<div id="footerstick" style="background:url(site_files/bg_shears.png) repeat-x; ">
<div id="footer_wrap">
<div id="footer_top_shelf">
<ul>
<li>Contact Us</li>
<li>FAQ</li>
<li>About Us</li>
<li>Distribution</li>
</ul>
</div>
</div>
</div>
мой CSS:
#footerstick {
position: relative;
margin-top: -230px; /* negative value of footer height */
height: 230px;
clear:both;
}
#footer_wrap {width:980px; margin:auto;}
#footer_top_shelf {height:70px; overflow:hidden; }
#footer_top_shelf ul li {display:inline; list-style:none; color:#c7c7c7; font-size:30px; margin-right:85px; line-height:75px; text-transform:uppercase; font-family:myriad pro; }
На ваш вопрос? – Madbreaks
Как я могу получить первый элемент списка слева, а последний элемент - справа. Я не думаю, что хочу использовать n-й дочерний селектор, потому что это не совместимо со старыми броузерами, не так ли? – Sackling