3 column responsive footer <p>I have a responsive grid layout for thumbnail images and a full width header. It is built using 'ul' and 'li' to make the grid. So basically I'm not using a responsive grid layout throughout. Although I would like to have a three column footer at the bottom that is responsive (stack on top of each other) </p> <p>I want the first column to align full left and the other two columns to align right. each column is only around 15% of the total width (so i couldn't just have all three width 33%) I want the functionality of a three column layout like in many of the themes like skeleton boilerplate, etc</p> <p>I am having trouble making a good css markup that will work, I have used...</p> <p>css</p> <pre><code>F1 { padding: 15px; width: 100px; margin: 0 0 0 20px; float: right; } .F2 { float: left; text-align: left; } .F3 { font-size: 13px; text-align: right; float: right; } </code></pre> <p>but that just separates the divs, and doesn't offer much control</p> <p>any help or references to help are greatly appreciated</p>