Как настроить вертикальную позицию в списке, чтобы соответствовать пользовательскому пулевому изображению? ⇐ CSS

[Anonymous]

У меня есть веб -сайт Bootstrap Twitter с элементом

• с пользовательским изображением для пуль. Сопоставьте Bullet Image. Текст слишком низкий. Есть ли надежный способ поднять текст элемента списка, чтобы он был вертикально сосредоточен с изображениями пуль? sstatic.net/8qdqr2tk.png " /> < /p>
  Вот мой код. Class = "Snippet-Code">

  Код: Выделить всё

  .card {
  height: 100%;
  }
  
  .card-body {
  padding: 2em;
  }
  
  .feature-list {
  list-style-image: url(/images/check-lg.png);
  }< /code>
  
  
  
  Premium
  
  
  
  [*]All Services included in Basic
  [*]Railcar Track & Trace
  [*]Inbound Railcar Pipeline
  [*]Fleet Management
  [*]Lease Management
  [*]Railcar exception management
  [*]Dynamic real time ETAs
  [*]Automated Reporting
  [*]Custom Integration and Reporting services
  [/list]
  
  
  Contact Sales for a free quote.
  
  
  Contact Us
  
  
  

  
  
  Я нашел другой вопрос, который рекомендует что -то подобное:

  Код: Выделить всё

  .feature-list li:before {
  content: url(/images/check-lg.png);
  position: relative;
  top: 6px;
  left: -10px
  }
  

  Это фактически выравнивает все правильно, но это испортит выравнивание слов (слева от обернутой строки не соответствует первой строке).
  
  Подробнее здесь: https://stackoverflow.com/questions/793 ... llet-image