I came up with the solution. Please use below code. Here is JSFiddle Trial
SCSS
body {
padding: 50px;
}
.toolbar {
border: 1px solid #000;
border-width: 1px 0;
display: table;
width: 100%;
button,div{-moz-box-sizing: border-box;}
.item {
background: transparent;
border: 1px solid #000;
border-width: 0 1px 0 0;
display: table-cell;
vertical-align: center;
white-space: nowrap;
&:last-child { border-right: 0; }
button{
height:40px;
outline: none;
padding:0;
margin:0;
width:100%;
}
}
}
HTML
<div class="toolbar">
<div class="item"><button type="button">Item 1</button></div>
<div class="item"><button type="button">Item 2</button></div>
<div class="item">Item 3</div>
<div class="item">Item 4</div>
</div>