On various coding forums, I've come across multiple examples using floats, but none have provided a solution for my specific issue. I have three column divs with varying widths - the first column is dynamic while the other two are fixed. Looking for an alternative to floats, I tried using percentages without success. I also attempted table-cell but couldn't quite get it right. Any suggestions or examples would be greatly appreciated.
.first{
margin: 12px 0 5px 225px;
width:580px;
}
a.second{
margin: -19px 0 5px 470px;
display: block;
}
a.third{
margin: -15px 0 5px 640px;
display: block;
}
HTML
<div id="container">
<div id="first_dynamic_width" >
<span>abcdsef</span>
</div>
<span> <a> </span>
<span> <a> </span>
</div>