Question

我试图将我的要点上的文字对齐（因为它在某种程度上显得居中），并且：

    <div style="width: 100%;margin:0 auto;text-align:left">
<ul>
 <li>Rechtsanwalt seit 2000</li>
 <li>Fachanwalt für Arbeitsrecht</li>
 <li>Fachanwalt für Steuerrecht</li>
 <li>Abogado spanischen Rechts seit 2001</li>
 <li>Zertifizierter Testamentsvollstrecker (AGT)</li>
 <li>Fachberater für Unternehmensnachfolge</li>
</ul> </div> <br><br>

您会在此处看到结果：http://staging.robering-fries.de/team-member/christof-fries 这显然不起作用...... 我哪里出错？

由于弗洛里安

Answer 1

你的'li'是text-align: center;上的元素。从您的网站：

.attorney-team-details li {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 100%;
    line-height: 28px;
    text-align: center; // <==
}

因此，您可以在shortcodes.css文件中更改此属性，或将text-align: left;添加到每个li。

Answer 2

请将text-align:left添加到li元素。

<div style="width: 100%;margin:0 auto;">
<ul>
 <li style="text-align:left">Rechtsanwalt seit 2000</li>
 <li style="text-align:left">Fachanwalt für Arbeitsrecht</li>
 <li style="text-align:left">Fachanwalt für Steuerrecht</li>
 <li style="text-align:left">Abogado spanischen Rechts seit 2001</li>
 <li style="text-align:left">Zertifizierter Testamentsvollstrecker (AGT)</li>
 <li style="text-align:left">Fachberater für Unternehmensnachfolge</li>
</ul>
</div>

或者您可以使用css类和!important：

div.myAlign ul li{
    text-align:left!important;
}

<div class="myAlign" style="width: 100%;margin:0 auto;">
<ul>
 <li style="text-align:left">Rechtsanwalt seit 2000</li>
 <li style="text-align:left">Fachanwalt für Arbeitsrecht</li>
 <li style="text-align:left">Fachanwalt für Steuerrecht</li>
 <li style="text-align:left">Abogado spanischen Rechts seit 2001</li>
 <li style="text-align:left">Zertifizierter Testamentsvollstrecker (AGT)</li>
 <li style="text-align:left">Fachberater für Unternehmensnachfolge</li>
</ul>
</div>

在内联的方向上左对齐文本

2 个答案: