HTML用于具有右对齐等式编号的居中等式

<div class="equation">
  <span class="equation-number">1.</span>
  <span class="equation-content">等式内容</span>
</div>

<style>
  .equation {
    text-align: right; /* 右对齐 */
    margin: 0 auto; /* 居中 */
    width: 80%; /* 设置容器宽度 */
  }
  
  .equation-number {
    display: inline-block;
    width: 20px; /* 设置编号宽度 */
    text-align: left; /* 左对齐编号 */
  }
  
  .equation-content {
    display: inline-block;
    text-align: left; /* 左对齐内容 */
  }
</style>