html - 在 HTML 中使文本字符串具有一定长度的最简单方法

Question

似乎是一个简单的问题，但我还没有找到一个简单的答案。我有一个特定的元素，它将出现在几行上，并且前面会出现具有不同字符数的文本字符串。

所以未优化的代码将如下所示：

<p>String of a certain length <example></example></p>
<p>String of a different length <example></example></p>
<p>Third string <example></example></p>

问题是我希望示例元素彼此垂直对齐。所以前面的字符串应该占用相同的空间。

我怎样才能做到这一点？

如果它在 HTML 中过于复杂，则将字符串设置为固定数量的字符也足够了。我知道它们的长度可能不一样。

Answer 1

如果您只能使用纯 HTML，最简单的解决方案可能是只使用表格。

<table>
  <tr>
    <td>String of a certain length</td>
    <td>[element]</td>
  </tr>
  <tr>
    <td>String of a different length</td>
    <td>[element]</td>
  </tr>
  <tr>
    <td>Third string</td>
    <td>[element]</td>
  </tr>
</table>