css横向时间轴刻度尺

要创建一个横向时间轴，你可以使用CSS中的Flexbox布局和一些基本的CSS样式。以下是一个例子：

HTML代码：

<div class="timeline">
  <div class="timeline-item">
    <div class="timeline-date">2022</div>
    <div class="timeline-content">
      <h3>事件标题</h3>
      <p>事件描述</p>
    </div>
  </div>
  
  <div class="timeline-item">
    <div class="timeline-date">2021</div>
    <div class="timeline-content">
      <h3>事件标题</h3>
      <p>事件描述</p>
    </div>
  </div>
  
  <!-- 添加更多的时间轴项目 -->
</div>

CSS代码：

.timeline {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.timeline-item {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  padding: 20px;
}

.timeline-date {
  font-weight: bold;
}

.time