[css] display table-cell, flex

CSS

.container {
    border: 1px solid lightgray;
    padding: 10px;
    margin: 10px;
}
.box {
    border: 1px solid lightcoral;
    padding: 10px;
}
.box1 {
    display: block;
}
.box2 {
    display: table-cell;
}
.box3 {
    display: flex;
}

HTML

<div class="container">
    <div class="box box1">display: block;</div>
    <span>...</span>
</div>
<div class="container">
    <div class="box box2">display: table-cell;</div>
    <span>...</span>
</div>
<div class="container">
    <div class="box box3">display: flex;</div>
    <span>...</span>
</div>

Page