Html 在IE 11中，如何使宽度大于其容器的文本向左移动，而不是向右移动？

我在div中有一个文本，右边有5px的边距。如果容器div变窄，文本将移出容器，不再有5px边距。是否可以将此边距保持在右侧，并使文本从容器的左侧而不是右侧移出？添加

显示：flex；证明内容：柔性端到框元素在Chrome中工作，但在IE 11中不工作

这是样品


.box{
边缘底部：15px；
左边距：30px；
背景色：红色；
宽度：170px；
空白：nowrap；
文本对齐：右对齐；
}
.文本{
右边距：5px；
}
.box2{
宽度：50px；
}

示例文本
示例文本2
IE 11不支持，所以它不起作用也就不足为奇了。您可以将
.text
浮动到
.box
内，并对该框应用

IE总体上有很糟糕的支持，因为它不再被维护。如果我没有弄错的话，应该没有任何必要支持它，除非它是你的项目所必需的

见示例：


.box{
边缘底部：15px；
左边距：30px；
背景色：红色；
宽度：170px；
空白：nowrap；
文本对齐：右对齐；
}
/*clearfix*/
.box：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
.文本{
右边距：5px；
浮动：对；
}
.box2{
宽度：50px；
}

示例文本
示例文本2
IE 11不支持，所以它不起作用也就不足为奇了。您可以将
.text
浮动到
.box
内，并对该框应用

IE总体上有很糟糕的支持，因为它不再被维护。如果我没有弄错的话，应该没有任何必要支持它，除非它是你的项目所必需的

见示例：


.box{
边缘底部：15px；
左边距：30px；
背景色：红色；
宽度：170px；
空白：nowrap；
文本对齐：右对齐；
}
/*clearfix*/
.box：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
.文本{
右边距：5px；
浮动：对；
}
.box2{
宽度：50px；
}

示例文本
示例文本2