我怎样才能对齐文本以使句子的其余部分“拟定”成上面的句子？
我试过添加:
padding-inline-start: 0px;
padding-inline-end: 0px;
但这行不通...
<div style="padding: 4% 4% 4% 6%; margin-bottom: 4%; box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.15);">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="padding-right: 0px !important;">
<p> </p>
<h1>02. Offer</h1>
<ul>
<li> Request for company information</li>
<li> A concept offer is presented in person</li>
<li> When agreed an intention agreement is drawn up</li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><img alt="" src="https://curaeos.cms.dentconnect.eu/dynamic/media/22/images/curaeos-acquisition-process-offer-300x250.jpg" style="width: 300px; height: 250px; float:right;" /></div>
</div>
</div> 
最佳答案
您可以将 .padding-left 添加到您的 li 元素，并删除您的 。
ul {
max-width: 50%;
}
li {
padding-left: 1em;
}<div style="padding: 4% 4% 4% 6%; margin-bottom: 4%; box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.15);">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="padding-right: 0px !important;">
<p> </p>
<h1>02. Offer</h1>
<ul>
<li>Request for company information</li>
<li>A concept offer is presented in person</li>
<li>When agreed an intention agreement is drawn up</li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><img alt="" src="https://curaeos.cms.dentconnect.eu/dynamic/media/22/images/curaeos-acquisition-process-offer-300x250.jpg" style="width: 300px; height: 250px; float:right;" /></div>
</div>
</div>关于css - 在元素符号后对齐 <li> 中的文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53910909/