Элементы списка вертикального выравнивания/расстояния

Question

Вы можете разместить список навигации, чтобы иметь вертикальные пространства между определенными тегами <li> с использованием CSS, а не JavaScript & JQuery?

Пример: http://jsfiddle.net/ssqnY/

Он должен реагировать с высотой, содержащим сНом или окнами высоты. Структура списка навигации ниже:

<ul> 
    <li><a href="#">Link</a></li> 
    <li class="spacer"></li> 
    <li><a href="#">Link</a></li> 
    <li><a href="#">Link</a></li> 
    <li class="spacer"></li> 
    <li><a href="#">Link</a></li> 
    <li><a href="#">Link</a></li> 
</ul> 

Answer 1

Вы можете установить вертикальный интервал для некоторых li «с помощью CSS так: задать необходимое li с spacer класса, а затем:

li.spacer { 
    margin: 15% 0; 
} 

Вы можете также установить первый li иметь место:

li:first { 
    margin: 15% 0; 
} 

Или все li «s иметь место:

li { 
    margin: 15% 0; 
} 

Ps: значение 15% это просто пример, вы можете установить, что вы хотите этого, вы можете использовать, может быть процент, чтобы стать более гибкой, как 10px ,

Answer 2

Проверьте это: http://jsfiddle.net/ssqnY/1/

li.spacer { 
    margin: 0 0 30% 0; 
} 

Работа для отзывчивых тоже.