learning how to code table-like grid structures with modern techniques
how would i align these elements together using divs? floats?
http://cl.ly/image/2b451Q0G123k
i appreciate any help you can offer albeit obvious for you guys!
You can use table-like behavior if you do display:table/table-cell in place of the HTML version 
. That’s good to use and that’s how I’d do this.
how would the code look? display:table in the css and table tag in html?
Nope. Perhaps use a <div> instead.
Display:table replicates <table>. Display:table-cell replicates <td>
So make a “table” just with divs instead (or whatever element structure makes sense for you). This preserves semantics.
Just FYI - you don’t need to explicitly declare display:table-row on an element if you don’t want to / you don’t need multiple rows. The browser will generate a table-row element for you. Saves you HTML.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.