javascript - 如何左对齐左 ul li 元素

Question

这是一个 ul li 列表。我使用 js 文件生成此列表。我想将这些列表提升对齐。但它不起作用。当我只写这段代码时，HTML 是左对齐的。使用js文件有区别吗？

应用程序.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基于你的代码

请从现在开始发布完整代码，以便其他人可以更好地帮助您