Согласно стандарту CSS2 броузер должен помещать содержимое, сгенерированное в соответствии с таблицами стилей, до или после обычного HTML/XHTML содержимого элемента, в результате чего сгенерированное содержимое становится составной частью содержимого элемента. Этот подход неприемлем для нумерованных списков, где номер должен появляться отдельно от содержимого пункта списка. Чтобы добиться этого, добавьте в генерируемое содержимое свойство display и установите его в специальное значение marker. Чтобы сделать наш пример с вложенными нумерованными списками безупречным, установим следующие правила:

ul { counter-reset: item }
li:before {
display : marker;
counter-increment: item ;
content: counters(item, «.»)
}

В результате сгенерированное значение счетчика появится слева от содержимого элемента. Аналогичным образом вы можете помещать маркеры после элемента. Например, ниже показано, как создавать нумерованные уравнения в тексте главы (элемент <blockquote> очерчивает уравнение):

h1:before {
counter-increment : chapter;
counter-reset : equation
}
blockquote:after {
counter-increment : equation;
display : marker;
content : «(»counter(chapter, upper roman) » » counter(equation) «)»
}

При выводе маркера броузер определяет, куда его поместить, относительно содержимого элемента. Вы управляете этим поведением с помощью свойства marker-offset. Оно принимает числовое значение, равное расстоянию от края маркера до края ассоциированного элемента. Например, чтобы номер уравнения отстоял от уравнения на 0.5 дюйма, мы пишем следующее правило:

h1:before {
counter-increment : chapter;
counter-reset : equation
}
blockquote:after {
counter-increment : equation;
display : marker;
content : «(»counter(chapter, upper roman) » » counter(equation) «)»;
marker-offset : 0.5in
}

Замучались в поиске хостинга? По-настоящему хороший хостинг это Контуров.нет
Пластиковые ведра можно купить здесь http://tara-spb.com/pail.html – любые формы и размеры.