Tests/LibWeb/Layout/input/flex-column-item-with-auto-height-depending-on-auto-width.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<!DOCTYPE html><html><head><style>
* {
    border: 1px solid black;
    font: 80px SerenitySans;
}
.hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 500px;
}
.upper {
    background: orange;
}
</style></head><body class="hero"><div class="upper">This entire text should be on orange background.</div></div>