<strong>和<a>tags?

Question

Hello Stack Overflow community,

I have coded a list:

<h2 class="top-heading-big" style="text-align: center;">Déroulement de la Prestation</h2>
<ul style="line-height: 160%;">
<li class="presta"><a target="_blank" class="retour" href=/pages/contact title="Envoyer un email à Pascal pour recevoir un Audit" style="text-decoration: underline; color:#1990C6;">Prise de contact</a> avec votre besoin succintement décrit</li><br>
<li class="presta">Audit Vidéo de 10 min, Gratuit et Sans Engagement </li><br>
<li class="presta">Ajustement & Établissement du Devis</li><br>
<li class="presta">Réception du Paiement</li><br>
<li class="presta">Prestation livrée dans les meilleurs délais</li><br>
<li class="presta">Compte-Rendu en vidéo de 10 min, et réception du feedback client avec témoignage</li><br>
<li class="presta"><strong>Consulting Personnalisé Offert</strong> pour aller plus loin</li><br>
</ul>
<br>

It looks like the indentation is not regular among the different lines of my list. In particular, the first and last lines have an extra indentation.

的额外缩进

所以我立即想到，这是因为和标记出现在每行的开头。

我对此一无所知，你能确认吗？

如果这是一个众所周知的事实，那么为每条线添加缩进量的最佳解决方案是什么？

我知道我可以在第一个元素和最后一个元素中放置一个新类，然后使用CSS来适应这种额外的缩进，但是我很确定还有更好的选择。

PS：我使用的是Google Chrome最新版本

在此问题上的任何帮助将不胜感激：）

此致，帕斯卡

URL：https://www.pascaldegut.com/pages/prestation-webdesign?variant=16668787376246

Answer 1

尝试一下：请在开头处删除第一个和最后一个li内容中的空格。

我已经在上面查看了您生成的给定URL的HTML代码。这不是确切的语义。这显然不是有效的html语义。从以下位置更改代码：

<ul style="line-height: 160%;">
<li class="presta">
<a target="_blank" class="retour" href="/pages/contact" title="Envoyer un email à Pascal pour recevoir un Audit" style="text-decoration: underline; color:#1990C6;">Prise de contact</a> avec votre besoin succintement décrit</li>
<br>
<li class="presta">Audit Vidéo de 10 min, Gratuit et Sans Engagement </li>
<br>
<li class="presta">Ajustement &amp; Établissement du Devis</li>
<br>
<li class="presta">Réception du Paiement</li>
<br>
<li class="presta">Prestation livrée dans les meilleurs délais</li>
<br>
<li class="presta">Compte-Rendu en vidéo de 10 min, et réception du feedback client avec témoignage</li>
<br>
<li class="presta">
<strong>Consulting Personnalisé Offert</strong> pour aller plus loin</li>
<br>
</ul>

至：

<ul style="line-height: 160%;">
  <li class="presta"><a target="_blank" class="retour" href="/pages/contact" title="Envoyer un email à Pascal pour recevoir un Audit" style="text-decoration: underline; color:#1990C6;">Prise de contact</a> avec votre besoin succintement décrit</li>
  <li class="presta">Audit Vidéo de 10 min, Gratuit et Sans Engagement </li>
  <li class="presta">Ajustement &amp; Établissement du Devis</li>
  <li class="presta">Réception du Paiement</li>
  <li class="presta">Prestation livrée dans les meilleurs délais</li>
  <li class="presta">Compte-Rendu en vidéo de 10 min, et réception du feedback client avec témoignage</li>
  <li class="presta"><strong>Consulting Personnalisé Offert</strong> pour aller plus loin</li>
</ul>

我还删除了<br>元素之间的<li>。出于间距目的，您必须为<li>元素定义边距。要创建有效的标记，您必须删除<br>作为<ul>的直接子代。如果您确实需要这种休息时间，可以这样使用：<li>some content<br></li>

无论如何，对于这种行为，我建议使用margin-bottom。