Элементы списка

[LeD4eG]

ситуация следующая:

есть неупорядоченный список (id="content_links") с тремя элементами, содержащими ссылки. этот список я преобразую в строковый элемент, тем самым получаю горизонтальную навигационную панель. как упоминалось выше, ссылки всего три. мне надо добиться такого эффекта, чтобы вторая ссылка(id="middle") быть ниже остальных.

получаем следующий код XHTML:

<ul id="content_links">
				<li><a href="#">Cunsumer</a></li>
				<li id="middle"><a href="#">Communications</a></li>
				<li><a href="#">Enterprise</a></li>
			</ul>

код CSS:

#content_links{
	margin-top: 100px;
	border:1px solid red;
	width: 300px;
	height: 100px;
	padding-top: 10px;
	line-height: 20px;
	}

#content_links li{
	display: inline;
	border:1px solid black;
	margin-right: 5px;
	margin-left: 5px;
	}

рамки, понятное дело, для понимания, где находится элемент. как я ни бился над элементом #middle - он не двигается вниз. помогите пожалуйста!

[psywalker]

А как же она будет ниже всех, если в структуре ты ставишь её второй?

1. Покажи на скриншоте, что ты хочешь получить?

2. Что значит "Не двигается вниз?", как именно она должна двигаться и куда вниз?

[LeD4eG]

"не двигается вниз" означает, что все три ссылки находятся на одной базовой линии. ссылка, находящаяся на втором месте, должна быть ниже этой базой линии.

[psywalker]

"не двигается вниз" означает, что все три ссылки находятся на одной базовой линии. ссылка, находящаяся на втором месте, должна быть ниже этой базой линии.

Всё ясно. Делай на float:left;

[LeD4eG]

спасибо!помогло!

а Вы не могли бы объяснить почему так происходит?потому что элемент извлекается из нормального потока и его расположением можно управлять?

[Serlutin]

Как вариант можно со значением position:relative поиграться в #middle

[psywalker]

спасибо!помогло!

а Вы не могли бы объяснить почему так происходит?потому что элемент извлекается из нормального потока и его расположением можно управлять?

Нет, потому что элементы становятся блочными.