用html里的element-ui帮我写一个时间线，timestrap在左边，文字内容在右边，整体内容居中

您可以使用Element UI的Timeline组件来创建一个时间线。以下是一个简单的示例：

<el-timeline>
  <el-timeline-item timestamp="2021-11-01" placement="top">
    <p>这里是时间线的内容</p>
  </el-timeline-item>
  <el-timeline-item timestamp="2021-11-02" placement="top">
    <p>这里是时间线的内容</p>
  </el-timeline-item>
  <el-timeline-item timestamp="2021-11-03" placement="top">
    <p>这里是时间线的内容</p>
  </el-timeline-item>
</el-timeline>

在上面的代码中，我们使用`el-timeline-item`元素来创建每个时间线项目，使用`timestamp`属性来设置时间戳，使用`placement`属性来设置时间戳的位置，使用`<p>`元素来设置项目的内容。

如果您想要将时间戳放置在左侧，而内容放置在右侧，可以使用`slot`属性来自定义内容。以下是一个示例：

<el-timeline>
  <el-timeline-item timestamp="2021-11-01" placement="top">
    <template #content>
      <div class="timeline-content">
        <div class="timestamp">2021-11-01</div>
        <div class="text">这里是时间线的内容</div>
      </div>
    </template>
  </el-timeline-item>
  <el-timeline-item timestamp="2021-11-02" placement="top">
    <template #content>
      <div class="timeline-content">
        <div class="timestamp">2021-11-02</div>
        <div class="text">这里是时间线的内容</div>
      </div>
    </template>
  </el-timeline-item>
  <el-timeline-item timestamp="2021-11-03" placement="top">
    <template #content>
      <div class="timeline-content">
        <div class="timestamp">2021-11-03</div>
        <div class="text">这里是时间线的内容</div>
      </div>
    </template>
  </el-timeline-item>
</el-timeline>

在上面的代码中，我们使用`<template>`元素来定义内容插槽，使用`#content`来指定插槽的名称。我们创建了一个名为`timeline-content`的div元素，并在其中包含一个名为`timestamp`的div元素和一个名为`text`的div元素。您可以使用CSS来设置这些元素的样式，以实现左侧时间戳和右侧内容的布局。

最后，您可以使用CSS来将时间线整体内容居中。以下是一个示例：

.el-timeline {
  margin: 0 auto;
  max-width: 800px;
}

.timeline-content {
  display: flex;
  align-items: center;
}

.timestamp {
  width: 100px;
  text-align: center;
  font-weight: bold;
}

.text {
  margin-left: 20px;
}

在上面的代码中，我们使用`margin: 0 auto`将时间线居中，并使用`max-width`限制其最大宽度。我们还使用`display: flex`和`align-items: center`将时间戳和内容垂直居中。最后，我们使用CSS来设置时间戳和内容的样式，以实现左侧时间戳和右侧内容的布局。