huinya

by AntowaKartowa

HTML

<div class="select">
    <div class="dropdown">
        <div class="dropdown-item"></div>
        <div class="dropdown-item"></div>
        <div class="dropdown-item"></div>
        <div class="dropdown-item"></div>
        <div class="dropdown-item"></div>
        <div class="dropdown-item"></div>
        <div class="dropdown-item selected"></div>
        <div class="dropdown-item"></div>
        <div class="dropdown-item"></div>
        <div class="dropdown-item"></div>
    </div>
</div>

CSS

body {
    margin: 200px 100px 0;
}
.select {
    width: 110px;
    height: 25px;
    background-color: #6af;
    vertical-align: bottom;
    opacity: .5;
}
.select:after {
    content: ' ';
    display: table;
}

.dropdown {
    /* display: inline-block; */
    position: relative;
    width: 100px;
    background-color: #6fa;
    opacity: .4;
    /* vertical-align: bottom; */
}

.dropdown-item {
    height: 25px;
    width: 100px;
}

.selected:after {
    content: '';
    display: table;
}