.clearfix {display: block;}
.clearfix:before,
.clearfix:after {display: table; line-height: 0; content: '';}
.clearfix:after {clear: both;}
.fl_l {float: left;}
.fl_r {float: right;}
#tasks_list {background: #cccccc; padding: 15px}
#tasks_list .count {width: 100px}
#tasks_list .price {width: 100px}
#tasks_list .control {width: 150px;}
<div id="tasks_list">
<div class="clearfix">
<div class="fl_l count">
123
</div>
<div class="fl_l price">
+5
</div>
<div class="fl_r control">
testtesttest
<br />
test
</div>
</div>
</div>
https://jsfiddle.net/3q6opaqv/
Когда задаю width
последней колонке, то появляется свободное место в конце:
Если же убрать width
у последней колонки, то всё нормально:
Каким образом сделать, чтобы при задании width
последней колонке, места не оставалось?
text-align: right
отчасти помог, но он некрасиво по правой части выравнивает текст:
Желательно не предлагать изменять width
у первой и второй колонок, чтобы как-то подвинуть последнюю колонку.
max-width: 150px;