Вертикальне вирівнювання маркера списку

Відео: Про маркера. Поради

Відео: Тиск маркера і тиск балона. В чому різниця?

Нещодавно в мою службу підтримки надійшло запитання про те, як вертикально вирівнювати маркер списку. За замовчуванням, він знаходиться десь вгорі. У підсумку, якщо елемент списку багатостроковий, це може зіпсувати дизайн. У цій статті я розповім, як зробити вертикальне вирівнювання маркера списку.

Почнемо з того, що ось цю конструкцію відразу забудьте (якщо хочете вирівнювати по-вертикалі):

Відео: маркера молотів трансформери

ul { 
 list-style-image: url("Marker.jpg") - 
}

Замість цього потрібно просто поставити фон у кожного li. Причому цей фон треба спозиционировать зліва і посередині (як раз зліва знаходиться маркер, а вирівнювання посередині - це і є вертикальне вирівнювання):

Відео: Маркер для магнітної дошки. Який вибрати?

ul li { 
 background: url("Marker.jpg")no-repeat left center- 
}

От і все. Простіше, на мій погляд, нікуди, тому можете сміливо використовувати цю техніку для вирівнювання маркера списку. Безумовно, є і маса інших способів, але, в основному, вони "криві", хоч і робочі. Якщо у Вас є думки з того, як вирішити цю задачу ще простіше, залишайте їх у коментарях.

Поділися в соціальних мережах:

Схожі