1

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 but it no solves this problem.

See what I want achieve on screen.

enter image description here

What CSS I should use?

hjpotter92
  • 78,589
  • 36
  • 144
  • 183
Chameleon
  • 9,722
  • 16
  • 65
  • 127

2 Answers2

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/

conceptdeluxe
  • 3,753
  • 3
  • 25
  • 29
0

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".