子弹点上的内部缩进<li>

时间:2016-12-02 08:49:21

标签: html css html5 css3

嗨我在项目符号右侧的缩进问题

我添加了一段代码和一张几乎可以解释其自身的图片

Image1

 <h1 style="display: block;margin: 0;padding: 0;color: #000000;font-family: Helvetica;font-size: 26px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: normal;text-align: left;"><span style="font-size:28px"><strong><span style="color:#96c11f">Why now</span></strong></span></h1>    
<ul>
<li><span style="font-size:16px">Increase in buyers looking for businesses over the Christmas period.</span></li>
<li><span style="font-size:16px">More sales agreed in January so be on the market in time.</span></li><br>
</ul>

1 个答案:

答案 0 :(得分:1)

尝试缩小padding的边距以使子弹向左移动并增加/减少其h1 { display: block; margin: 0; padding: 0; font-family: Helvetica; font-style: normal; font-weight: bold; line-height: 125%; letter-spacing: normal; text-align: left; font-size: 28px; color: #96c11f; font-weight: bold; } ul { font-size: 16px; padding:0; margin-top:0; } ul li{ margin-left:1em; padding-left:0; }以适应子弹和文本之间的距离。

<h1>Why now</h1> 
<ul>
  <li>Increase in buyers looking for businesses over the Christmas period.</li>
  <li>More sales agreed in January so be on the market in time.</li>
  <br>
</ul>
input_encoding