.vertical {
    height: 50%;
    min-height: 40px;
    margin: 5px;
    background-color: #f00;
    display: block;
}
.vertical:after {
    content: '';
    display: block;
    padding-left: 50%;
}