CSS部分对齐

Question

URL：https://tktsmallorca.com/

我正在尝试使用CSS使星星与该部分的底部垂直对齐。星星部分的ID为starsbot

我尝试过

.starsbot{
    vertical-align: bottom !important;
}

这行不通。

该网站是用 wordpress中的elementor制成的。该部分具有内容对齐设置，但这会使图像和标题下降。我希望对此进行覆盖，并且只让星星与底部对齐

Answer 1

尝试一下：

.elementor-column-wrap, .elementor-widget-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.starsbot {
    vertical-align: bottom;
    margin-top: auto;
}