Такой вариант подойдёт ?
Специфика этого варианта:
контейнеру "field" - присваиваем relative,
контейнеру "input" - absolute,
коннейнеру "ui_button" - float:right
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sample</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* { margin:0; padding:0; }
.field { position:relative; border:none; width:100%; min-width:220px; }
.label { min-width:150px; vertical-align:middle; }
label { cursor:pointer; width:100%; }
.input { position:absolute; left:0; right:70px; }
input { width:100%; }
.ui_button { float:right; min-width:60px; }
.ui_button button { display:block; float:left; width:30px; }
</style>
</head>
<body>
<div class="field">
<div class="label">
<label for="inp1">Текст:</label>
</div>
<div class="input">
<input id="inp1" type="text"/>
</div>
<div class="ui_button">
<button>X</button><button>...</button>
</div>
</div>
</body>
</html>
