CSS for HTML dynamic layout with not fixed columns?

Question

I want to set such layout both columns are dynamic - one is set by content second by the first column and minimum width. I found many solution where column is fixed with width b

Answer 1

There are different approaches for stuff like this ... an easy way would be to use display: table; for the container display: table-cell; for the childs and width: 1px; for the first child.

I have made a fiddle for you:

http://jsfiddle.net/TfuTE/

Answer 2

check out this

http://codepen.io/Parthmy007/full/HKJuj

use Display : "table-cell" on both column or set max-width and min-width.and set first column width is "auto".