如何在面包屑中将插入符号垂直居中对齐？

<ul class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><span class="breadcrumb-separator">/</span></li>
  <li><a href="#">Category</a></li>
  <li><span class="breadcrumb-separator">/</span></li>
  <li><a href="#">Subcategory</a></li>
  <li><span class="breadcrumb-separator">/</span></li>
  <li>Page</li>
</ul>

.breadcrumb-separator {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px; /* 根据需要设置插入符号的间距 */
}