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

如何解决我无法将标记与列表中的文本居中

我正在为一个列表使用图形项目符号，但我无法将它们与文本居中。我曾尝试使用 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>