css fill spaces

by kuyabiye

HTML

<div class="input-group">
    <a class="button" href="#" >Send</a>
    <input class="input" type="text" />
</div>

CSS

.input-group {
    display: table;
    position: relative;
}

.input {
    display: table-cell;
    width: 100%;
    margin: 0;
}

.button {
    display: table-cell;
    width: 1%;
    padding: 0 10px;
    background: pink;
}