Struggling to align three divs horizontally? The first div should take up 100% of space, the second has a fixed width (160px), and the third's width depends on its content size (though it could work with a fixed width).
I attempted using display: table for rows and table-cell for columns. Link to code here: https://codepen.io/anon/pen/RLjGab
The setup works fine in Chrome but causes layout issues in other browsers when content is added. Need a solution that works in IE9 without flexbox. Any guidance would be greatly appreciated. Thanks!