css 设置两端对齐

重点：text-align-last: justify;
文字中间加空格

<div class="content-section">
  <div class="clearfix item">
    <div class="left">开始时间</div>：
    <div class="right">2026-01-27</div>
  </div>
  <div class="clearfix item">
    <div class="left">结束时间</div>：
    <div class="right">2026-01-27</div>
  </div>
  <div class="clearfix item">
    <div class="left">通 知</div>：
    <div class="right">2026-01-27</div>
  </div>
  <div class="clearfix item">
    <div class="left">新 通 知</div>：
    <div class="right">2026-01-27</div>
  </div>
</div>
<style>
  .item::after{display: block;content: '';clear: both;}
  .item .left{float: left;width: 100px;text-align-last: justify;margin-right: 10px;}
  .item .right{display: inline-block;}
</style>