Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Todd Squitieri
Todd Squitieri
8,001 Points

Display: Table-Cell ??

I just re-watched this lesson, and I'm still a little confused by it. Guil says that the function of "display: table-cell" is to make the icons act like "tables," but it's not clear to me exactly which part of a table these icons are behaving like. Are they TR tags? TD tags? If the answer is both, how are cellpadding and cellspacing determined?

I guess I'm asking these questions because I want to have complete control over my icons when I'm building a website, and I don't want to just take for granted that the icons will behave like "tables," if I don't know what exactly makes them table-like.

Any help/assistance would be awesome, of course. Always grateful for feedback.

Thanks in advance!

-Todd

2 Answers

Hugo Paz
Hugo Paz
15,622 Points

The element will behave like the <td> element.

Heres is an example http://css-tricks.com/almanac/properties/d/display/

Todd Squitieri
Todd Squitieri
8,001 Points
Todd Squitieri
Todd Squitieri
8,001 Points

Oh, ha. Gotcha.

Thanks so much for the info. I'll shut up now. Haha.

-T