html - 将文本放在 div 的底部

Question

我有 4 个相邻的 DIV，它们都位于屏幕中央。我在每个 div 中有 2 个单词，但我不希望它们位于顶部，我希望它们出现在 div 的右下角。我该怎么做？

Answer 1

用 span 或类似的方式包裹文本，并使用以下 CSS:

.your-div {
    position: relative;
}

.your-div span {
    position: absolute;
    bottom: 0;
    right: 0;
}