Как прижать маркер списка к низу?

Question

[Азат]

Здравствуйте! Заменил маркер у списка следующим способом:

.mailli
{
	list-style: none;
	list-style-image: url(../images/email.png);
}

Но получается, что маркер расположен чуть выше чем текст

Вопрос: можно ли его прижать к низу элемента с помощью css?

Answer 1

[HamSter]

Сделайте не маркер, а иконку.

<li> <i class="ico-1"></i> <span> телефон </span> </li>

li span,
li i {
  display: inline-block;
  vertical-align: middle;
}

Answer 2

[Ankhena]

1. Перерисовать картинку с учетом отступов.
2. Двигать текст, чтобы добиться желаемого визуального эффекта.
3. Использовать background для li вместо list-style-image
4. Использовать :before и ему background