html - white-space property breaks the elements widths -
so initial thing wanted achieve 2 elements stacked side-by-side both of them take full available height, 1 of them has fixed width , width of container varies. left element contains image (70px wide) whole element should 200px wide. right element should fit 1 line of text , overflowing text should clipped showing ... . html: <div class="wrapper-wrapper"> <div class="wrapper"> <div class="left"> <image src="http://s4.postimg.org/i1huts8vt/kitten.png" /> </div> <div class="right"> text row 1 freaking wide row tons of text deal or gtfo. have enough text fill box ? </div> </div> </div> aaand css : .wrapper-wrapper { width: 600px; } .wrapper { border:1px solid #aaa; margin:0 0 10px 0; display: table; width: 100%; } .left { width:200px; background-color:#eee; } .left, .right { di...