Как сделать вертикальную черту?

Question

[Новичок]

Подскажите чайнику как прописать css, чтобы возле курсивного шрифта была вертикальная черта.
Пробую так:

em { 
    border-left: 2px solid #ccc;
    margin-left: 20px;
    padding-left: 10px;
   }

Но линия получается в одну строку, а нужно в полную высоту.

Comments

[Jablocker]

Чо то там

CSS

div{
height: высота линии
}

[Jablocker]

Jablocker,
Нужно em в блок div обернуть.

Answer 1

[Antony Bark]

смотрите в сторону строчный\блочный элемент

em {
  display: inline-block; /* у строчного элемента появляется контроль высоты */
  line-height: 1m; /* возможно понадобится указать высоту строки*/
  . . .
}

Comments

[Новичок]

Спасибо, работает)