Toolbar

HTML

<div class="toolbar">
    <div class="button">Send</div>
    <div class="container">
        <div class="shevron">
            <div class="item">A</div>
            <div class="item">B</div>
            <div class="item">C</div>
            <div class="item">D</div>
            <div class="item">E</div>
            <div class="item">F</div>
            <div class="item">G</div>
            <div class="item sep">...</div>
        </div>
    </div>

</div>

CSS

.letter {
    display: inline-block;
}

.item {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid black;
    background: white;
    margin: 2px;
    float: left;
}

.item_big {
    width: 40px;
}

.button {
    border: 1px solid red;
    float: right;
    height: 32px;
}

.sep {
    float: right;
    clear: right;
    //position: absolute;
}

.container {
    position: relative;
    overflow: hidden;
    padding: 1px;
}

.shevron {
    position: relative;
    display: inline-block;
    padding-right: 38px;
    overflow: hidden;
}