Пример кода

  1. Нумерованный пункт _1_
  2. Нумерованный пункт _2_
  3. Нумерованный пункт _3_

    Строка _1_

    Строка _2_

    Строка _3_

  4. Нумерованный пункт _4_
  5. Нумерованный пункт _5_
  6. Нумерованный пункт _6_
  7. Нумерованный пункт _7_

Код CSS

#primer ol {
	 counter-reset: myCounter;
	 margin-left: 0;
	 padding-left: 5px;
	 color: #646464;
}
 #primer li::after {
	 position: absolute;
	 top: 2.1em;
	 left: 0.9em;
	 width: 2px;
	 height: calc(100% - 2em);
	 content: '';
	 background-color: #cbcbcb;
	 z-index: 0;
}
 #primer li::before {
	 content: counter(myCounter);
	 counter-increment: myCounter;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 1.8em;
	 height: 1.8em;
	 line-height: 1.8em;
	 padding: 0px;
	 color: #fff;
	 background: #2980b9;
	 font-weight: bold;
	 text-align: center;
	 border-radius: 0.9em;
	 box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
	 z-index: 1;
	 -webkit-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}
 #primer li {
	 position: relative;
	 padding-left: 3em;
	 margin: 0.45em 0;
	 list-style: none;
	 line-height: 1.8em;
	 cursor: pointer;
	 -webkit-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}

Код HTML

<div id="primer">
<ol>
<li> Нумерованный пункт _1_</li>
<li> Нумерованный пункт _2_</li>
<li> Нумерованный пункт _3_
<p> Строка _1_</p>
<p> Строка _2_</p>
<p> Строка _3_</p>
</li>
<li> Нумерованный пункт _4_</li>
<li> Нумерованный пункт _5_</li>
<li> Нумерованный пункт _6_</li>
<li> Нумерованный пункт _7_</li>
</ol>
</div>

Просто несколько интересных фактов

  1. В США автор книги о семейной гармонии «Как сохранить брак» застрелил свою жену и выложил в Facebook фотографию трупа.

    Автор книги «Как сохранить брак» — Дерек Медина утверждал на суде, что защищался от жены, которая бросилась на него с ножом. Причем, скандал разгорелся якобы из-за пустяка: Дерек не разбудил ее к началу сериала. Фото в «Фейсбуке», по его словам, он выложил автоматически в состоянии аффекта, после того как осознал, что жена мертва. Доказательств его словам нет. Хотя соседи на суде и подтвердили, что супруга часто впадала в истерику, и инициатором примирения всегда был Дерек, что произошло на самом деле уже не узнать. Интересно, что это был уже второй их брак. После первого развода Дерек убедил бывшую жену выйти за него замуж второй раз. Не сохрани он брак – был бы на свободе.

  2. Дейл Карнеги, знаменитый педагог и психолог, автор бестселлера «Как завоевывать друзей и оказывать влияние на людей», умер в одиночестве.

    Дейл Карнеги под конец жизни страдал болезнью Ходжкина (другое название Лимфогранулематоз). Симптоматика данного заболевания: хаотичные изменения в размерах лимфоузлов, сдавливание внутренних органов, кожный зуд, сыпь, вирусный герпес и гнойные и грибковые поражения кожи, кашель, затрудненное дыхание. Данное заболевание долгое время считалось опасным для окружающих. Очень бы хотелось посмотреть на подобного больного, который умрет в окружении друзей и родственников. Пока был здоров, Дейл Карнеги был дважды женат. Вторая жена – удачливый бизнесмен, собственно говоря, и сделала ему имя. Из-за заболевания вся жизнь пошла прахом. Успешный публичный человек прячется от всех, боясь показать свое нынешнее уродство. Не выдержав страданий Карнеги застрелился (то, что он и для этого действа не собрал друзей и родственников, наверное, тоже простительно). Жена, живущая на тот момент также отдельно, сделала все чтобы избежать огласки, проведя похороны скромно, а главное быстро и без лишних свидетелей. Полицейский отчет был аккуратно отредактирован и скорее всего не бесплатно. Сложно сказать, о чем больше беспокоилась жена – о добром имени мужа или о семейном бизнесе. Злые языки утверждают второе, но ее близкие друзья, возражали, что ее горе было вполне искренним, и они с пониманием отнеслись к нежеланию пышных публичных похорон в таких условиях.

  3. Педиатра Бенжамина Спока, автора книг об уходе за ребенком, его собственные дети сдали в дом престарелых.

    Бенжамина Спока, как ни странно, никто не хотел сдавать в дом престарелых вообще. Откуда, интересно, пошел такой слух? Свое огромное состояние он полностью раздал благотворительным фондам и, как на грех, заболел. Операция должна была стоить около 10 000 долларов. Однако фонды алаверды помочь отказались. Дальние родственники, понимающие, что на состояние Спока рассчитывать нечего, энтузиазма так же не проявили: не захотели или не могли помочь. От отчаянья жена обратилась к читателям и поклонникам мужа с просьбой собрать сумму. В числе прочих пришел ответ от издательства, озолотившегося за счет продаж книг Спока: «Дорогая миссис Спок! Не могли бы вы немного повременить с публичными обращениями касательно финансовой помощи вашему супругу. Сейчас как раз готовится к выходу седьмое издание его книги, и подобная просьба в разгар рекламной кампании может серьезно повредить ее продажам». Бенджамин Спок не смог повременить — он умер 1 марта 1998 года. Согласно последней воле покойного, похороны прошли так, как это принято на родине джаза, в Новом Орлеане: с музыкой и танцами. Так что Споку «лучше» предъявлять другое обвинение – сын Спока стал наркоманом. Спок был искренне уверен, что марихуана – это «ничего страшного». Никогда не ругал сына, заставая его «обкуренным», ожидая, что это подростковое и пройдет. Жена придерживалась того же мнения. Позже, когда вопрос стал ребром, Спок категорически отверг крутые меры лечения сына, вроде запирания в клетку, принудительной химиотерапии, считая, что на Джона можно воздействовать мягко при помощи разговоров. Но ошибся. Вскоре от наркотиков погиб и внук Спока. Спок неоднократно публично признавал свою ошибку и призывал родителей не повторять ее.

  4. Владелец компании Segway разбился, катаясь на своем скутере Segway.
  5. Мария Монтессори, выдающийся педагог-гуманист, отдала своего сына в приемную семью.

    У Марии Монтессори действительно родился сын Марио. Мать отца не дала своего согласия на брак, и ребенок стал незаконнорожденным. В католической Италии такая ситуация могла стать катастрофой и для Марии, и для ребенка. Мало кому хотелось бы, чтобы сына называли «ублюдком», а на тебя показывали пальцем. Чтобы выправить дело Марии пришлось отдать сына на воспитание в сельскую семью. В его десять лет она уже смогла по закону забрать его обратно (якобы «усыновить»), и он стал продолжателем дела ее жизни, сыграв потом значительную роль в распространении идей Монтессори по всему миру.

  6. Стив Ирвин — Экстремал-телеведущий, известный опасными трюками с участием опасных животных, умер от случайного укуса ската.
  7. Чхве Юн Хи — корейская писательница, автор бестселлеров «Как быть счастливым» повесилась от депрессии.

    Чхве Юн Хи действительно совершила самоубийство – она повесилась. Но только не от депрессии, а от неизлечимой болезни – она страдала от тяжелых и мучительных заболеваний легких и сердца. О чем и написала в предсмертной записке. Кстати, в эвтаназии ей помогал ее любящий муж. После того, как он убедился, что его супруга мертва, он тоже покончил с собой.

P.S. Автортво этих фактов мне не известно, собрано и скопипастано с открытых источников информации