Css 如何使内容li标记在第一个文本中对齐

Css 如何使内容li标记在第一个文本中对齐,css,listitem,Css,Listitem,我的li标签有问题。我希望我的内容保持一致。 只需将display:flex添加到li ulli{ display:flex;//只需将一个display:flex添加到li ulli{ display:flex;//请尝试以下代码: li { padding-left: 35px; margin-bottom: 10px; font-size: 22px; color: #000; line-height: 150%;

我的
li
标签有问题。我希望我的内容保持一致。


只需将
display:flex
添加到
li

ulli{

display:flex;//只需将一个
display:flex
添加到
li

ulli{

display:flex;//请尝试以下代码:

 li {
       padding-left: 35px;
       margin-bottom: 10px;
       font-size: 22px;
       color: #000;
       line-height: 150%;
       position: relative;}
.banner_checklist li:before {
      content:"\2B58"; 
      font-size: 14px; 
      color: #f7941d;
      margin-right: 10px;
      position: absolute;
      left: 0;
      top: 0;}
例如:


请尝试以下代码:

 li {
       padding-left: 35px;
       margin-bottom: 10px;
       font-size: 22px;
       color: #000;
       line-height: 150%;
       position: relative;}
.banner_checklist li:before {
      content:"\2B58"; 
      font-size: 14px; 
      color: #f7941d;
      margin-right: 10px;
      position: absolute;
      left: 0;
      top: 0;}
例如:


您可以将before设置为100%的高度吗?或者您可以添加以下内容:list style position:inside;?或者使用list style image:url(/images/list style image.png);而不是一个before?Something?@corneé它不是重复的,因为我没有使用
列表样式
。而且您提供的链接与我想要的结果不同。无论如何,感谢您在我的帖子中发表评论。您可以将before设置为100%的高度吗?或者您可以添加以下内容:列表样式位置:inside;?或者使用列表样式图像:url(/images/list-style-image.png);而不是之前的?某物?@corneé它不是重复的,因为我没有使用
列表样式
。而且你给出的链接与我想要的结果不同。无论如何,感谢你在我的帖子中发表评论。谢谢。它工作得很好。我在
ul li
中添加了
左边距:20px;
以对齐其他内容。谢谢。我们正在工作我在
ulli
中添加了
左边距:20px;
,以便在其他内容中对齐。
 li {
       padding-left: 35px;
       margin-bottom: 10px;
       font-size: 22px;
       color: #000;
       line-height: 150%;
       position: relative;}
.banner_checklist li:before {
      content:"\2B58"; 
      font-size: 14px; 
      color: #f7941d;
      margin-right: 10px;
      position: absolute;
      left: 0;
      top: 0;}