Expanding a div to take up the space in a row
James DiGioia
<div class="row"><div class="contained"><span>Some Text</span></div><div class="expanded"><span>Some more text that should take up all the remaining space.</span></div></div>
original.html
<div class="table"><div class="row"><div class="contained"><span>Some Text</span></div><div class="expanded"><span>Some more text that should take up all the remaining space.</span></div></div></div>
updated.html
.table {display: table;width: 100%;}.row {display: table-row;}.contained {display: table-cell;width: 1px;white-space: nowrap;}.expanded {display: table-cell;}
styles.css