Html 左对齐单词，但保持一个居中

我需要这样写两个字：

                               Word1
                               word2 is loneger

---

要在左侧对齐它们，但第二个单词在div中居中。

我不知道我是否正确理解了这个问题（由于缺乏上下文），但由于

文本对齐：left

是默认属性值，我将按如下方法解决此问题：

HTML:

---

这是您在帖子中向我们展示的内容。
文本向左对齐但居中

.家长{
文本对齐：居中；
}
.分区{
显示：内联块；
宽度：150px；
文本对齐：左对齐；
}
单词1

单词2是孤独的

如果问题是无法将一段文字居中，但使其中的文字保持左对齐，则可以通过flexbox CSS处理：

{
显示器：flex；
调整内容：中心
}

短

更长的

您尝试了什么代码？我尝试将它们包装在div中。问题是div宽度大于word 2。所以它不起作用。问题是这个div包装了这些单词。它需要以某种方式包装更长的单词。至少在发布之前检查您的代码。为什么我需要检查我的代码？你的小提琴完美地展示了它是如何解决手头问题的可行方案。第一行在左边，第二行在中间。如果你检查@Conan的答案，也许你会明白OP想要什么。啊，我明白了。显然，我把这个问题理解为其他问题凉的

<div>
    <p>Word1</p>
    <p>Word2 is longer</p>
</div>

div p:last-child {
    text-align: center;
}