我无法将标记与列表中的文本居中

问题描述

我正在为一个列表使用图形项目符号，但我无法将它们与文本居中。我曾尝试使用 margin-top 和 margin-bottom 属性，但它们只会使子弹靠近并移开它们而不会影响文本居中。不幸的是，我想我不能在这里上传项目符号。

ul {
  list-style-image: url(marcador1.jpg);
}

li {
  margin-top: 1px;
  margin-bottom: 1px;
}

<div class="main">
  <h1><strong>CSS</strong> The Missing Manual</h1>
  <h2>Exploring Typographic Possibilities</h2>
  <p>november 30 <strong>Rod Dibble</strong></p>
  <ul>
    <li>Lorem Ipsum</li>
    <li>Reprehenderit qui in ea</li>
    <li>Lorem Ipsum</li>
    <li>Reprehenderit qui in ea</li>
    <li>Lorem Ipsum</li>
    <li>Reprehenderit qui in ea</li>
  </ul>
  <h3>Esse quam nulla</h3>
  <p>Ut enim ad minima veniam,quis nostrum exercitationem ullam corporis suscipit laboriosam,nisi ut aliquid ex ea commodi consequatur? <em>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur,vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</em>    Ut enim ad minima veniam,nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur,vel illum qui
    dolorem eum fugiat quo voluptas nulla pariatur?</p>
  <h3>Quis autem vel eum</h3>
  <p>Ut enim ad minima veniam,nisi ut aliquid ex ea commodi consequatur? <strong>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur,vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? </strong>Ut
    enim ad minima veniam,vel illum qui
    dolorem eum fugiat quo voluptas nulla pariatur?</p>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html html-lists