html - 在 HTML 中水平对齐同一行上的文本

Question

我想创建一些这样的文本。

我使用了这段代码，但它没有用：

woman <span style="padding-left:40px"> TextTextTextText</span> <br>
Man <span style="padding-left:40px"> TextTextTextText</span>

我应该改用什么？

标签： htmlalignmenttext-align

Answer 1

尝试使用这样的东西：

.left {
  display: inline-block;
  width: 50px;
}
.right {
  padding-left: 40px;
}

<div>
  <span class="left">woman</span>
  <span class="right">TextTextTextText</span>
</div>
<div>
  <span class="left">Man</span>
  <span class="right">TextTextTextText</span>
</div>