自定义列表样式不使用wordwrap，不知道为什么

Question

你在图片中看到的另一个问题。 padding-right对于wordwrap不起作用，如果我将位置更改为绝对，则删除填充。

在此网站上：http://neuronade.com/kopie-sdfsdf-3

ul.iconhaken li:before{
					content: '✔';
					color: green;
		                        font-weight: bold;
					margin-left: -1em;
					margin-right: .100em;
                                        padding-right: 5%;
                                        position: relative;
				}
				ul.iconhaken {
					list-style-type: none;
				}

<ul class="iconhaken">
	<li>Jede Uni hat Seelsorge-Stellen. Erkundige dich dort mal. Alternativ kannst du über folgende Website per Mail oder per Chat eine kostenlose Beratung erhalten.</li>
	<li>Jetzt bist du optimal auf deine Prüfungen vorbereitet. Also Ruhe bewahren und viel Erfolg!</li>
</ul>

Answer 1

您可以将复选标记设置为绝对元素，并在li元素上设置填充：

ul.iconhaken li {
  position: relative;
  padding-left: 5%;
}


ul.iconhaken li:before {
  content: '✔';
  color: green;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}

ul.iconhaken {
  list-style-type: none;
}

<ul class="iconhaken">
  <li>Jede Uni hat Seelsorge-Stellen. Erkundige dich dort mal. Alternativ kannst du über folgende Website per Mail oder per Chat eine kostenlose Beratung erhalten.</li>
  <li>Jetzt bist du optimal auf deine Prüfungen vorbereitet. Also Ruhe bewahren und viel Erfolg!</li>
</ul>