Как выровнять левый элемент ul li

Question

Вот список ul li.Я генерирую этот список, используя файл js.Я бы хотел, чтобы эти списки были выровнены.Но это не работает.Когда я пишу этот код только HTML, он выравнивается по левому краю.Есть ли разница при использовании файла js?

app.js

 if (name.search(expression) != -1 || location.search(expression) != -1) {
              $(`.resultUl[data-ref="${ref}"]`).append(
            `<li 
                class="list-group-item link-class list-item"
                data-name="${name}"
                data-code="${code}"
                data-location="${location}"
              >

              ${name}
              <span class="text-muted">${location}</span>
           </li>
           `
          );
        }
      });

Answer 1

Ответ @Adim Victor был верным, но у вас были другие проблемы с вашим кодом ...

.list-item {
   text-align : left; 
}

Вот рабочая Fiddle на основе вашего кода

Пожалуйста, теперь публикуйте полный код, чтобы другие люди могли помочь вам лучше

Answer 2

Вы должны стилизовать все .list-group-item с помощью CSS.Попробуйте это ..

.list-group-item {
   text-align : left; 
}