html如何将两个上下对齐的文本变为左右对齐

可以使用CSS中的flex布局来实现将两个上下对齐的文本变为左右对齐。

首先，在HTML中要将两个文本分别放在不同的div中，并添加一个共同的父级div，如下所示：

<div class="container">
  <div class="text1">文本1</div>
  <div class="text2">文本2</div>
</div>

然后，在CSS中将父级div设置为flex布局，并设置flex-direction为row，即横向排列。这样，文本1和文本2就会并排显示了。

.container {
  display: flex;
  flex-direction: row;
}

但是，这样文本1和文本2的位置还是上下对齐的。为了让它们左右对齐，可以为它们的父级div添加justify-content: space-between;属性，这样它们就会分别靠左和靠右对齐了。

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

完整的代码如下所示：

<div class="container">
  <div class="text1">文本1</div>
  <div class="text2">文本2</div>
</div>

<style>
.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
</style>