CSS在底部和中心垂直对齐

我找到了很多解决办法，但没有一个对我有效。 在以下标记中，文本“lorem ipsum示例”应在底部对齐并居中。我好像不明白

#框{
背景：#6CCB61
}
.包装部{
高度：240px；
宽度：100%；
利润率：10px 0 20px 0；
框大小：边框框；
填充：10px；
颜色：白色；
文本对齐：居中；
}
#绿色跨度{
垂直对齐：底部对齐；
}
.包装纸{
宽度：自动；
利润率：0.10px；
}
#黄褐色{
宽度：100%；
}
}

Lorem Ipsum示例

试试这个：

#box {
    background:#6CCB61;
    position: relative;
}

#box span {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}