Html CSS将文本向右对齐,但在换行时向左对齐

Html CSS将文本向右对齐,但在换行时向左对齐,html,css,Html,Css,我试图将文本向右对齐,但当文本太长时,它应该换行并将其对齐到文本的左侧。这对我来说很难解释,这就是为什么我对自己正在尝试做的事情有一个印象: 如您所见,文本与这个小div的右侧对齐。但是,当发生换行时,它在逻辑上也与右侧对齐 我试着将它包装在一个div中,父对象向右对齐,子对象向左对齐。问题是我得到的结果如下: 这仍然是错误的,因为当文本断裂时,文本没有对齐到右侧。有办法吗? 我不希望文本有一个最大宽度,因为如果有足够的空间,它应该占据一行可用的整个宽度 正文{ 背景:#中交;; } .p

我试图将文本向右对齐,但当文本太长时,它应该换行并将其对齐到文本的左侧。这对我来说很难解释,这就是为什么我对自己正在尝试做的事情有一个印象:

如您所见,文本与这个小div的右侧对齐。但是,当发生换行时,它在逻辑上也与右侧对齐

我试着将它包装在一个div中,父对象向右对齐,子对象向左对齐。问题是我得到的结果如下:

这仍然是错误的,因为当文本断裂时,文本没有对齐到右侧。有办法吗? 我不希望文本有一个最大宽度,因为如果有足够的空间,它应该占据一行可用的整个宽度

正文{
背景:#中交;;
}
.parentDiv{
宽度:100px;
高度:100px;
背景色:白色;
显示器:flex;
弯曲方向:立柱;
}
.对{
左边距:自动;
}
.左对齐{
文本对齐:左对齐;
垫底:5px;
}

布拉
测试酷文本
第一个答案:

p.para{
文本缩进:30px;
左侧填充:15px;
}

你好,这是我的短信。这个故事太棒了。你好,这是我的短信。这个故事太棒了。你好,这是我的短信。这个故事太棒了。你好,这是我的短信。这个故事太棒了。你好,这是我的短信。这个故事太棒了。你好,这是我的文字。这个故事太棒了。你好,这是我的文字。这个故事太棒了。你好,这是我的文字。这个故事太棒了。你好,这是我的文字。这个故事太棒了

您可能需要填充

正文{
背景:#中交;;
}
.parentDiv{
宽度:200px;
高度:100px;
背景色:白色;
显示器:flex;
弯曲方向:立柱;
}
.对{
右边填充:50px;
左侧填充:50px;
左边距:自动;
}
.左对齐{
文本对齐:左对齐;
垫底:5px;
}

布拉
测试酷文本

分享你的代码这里有一把小提琴:试着给文本对齐:对齐;到alignLeft@SuprajaGanji这样,在我的示例中,“测试”在左边,而“酷”在右边:/谢谢,但问题是,我想让下一行正好从第一行开始的地方开始,就像我在第一幅图像中画红线的地方一样。刚刚添加了
左填充:15px
这就是你想要的吗?遗憾的是,没有。你的文本不会向右对齐,它只会向左填充。因此,如果文本小于可用宽度,它将不会向右对齐。另外,建议的另一个问题的链接不是我想要的。但是谢谢你试着帮助我!:)