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
Julian Angeles
Courses Plus Student 815 PointsWhy is the flow of the footer elements different from other elements?
From my understanding, by default, HTML elements are blocks that do not share lines; such as the body images and navigation ul. When we included the footer elements, on the other hand, both the twitter and Facebook icons shared the same line, but the text did not. Any particular reason or am I just missing something? Thanks for any help and tips!
2 Answers
Maxwell DeMers
6,853 PointsHi Julian, To be clear, some HTML elements are block level elements, and some are inline elements. The social network logos were inline elements by default. Because of this, there ran right next to each other, as that is how inline elements behave. The text, on the other hand, was a paragraph tag, which is a block level element. These take up the whole width of a page, and will move directly below other elements. See this for further explanation on this crucial topic. Hope this helps.
Vishal Nand
1,777 PointsHi Julian, In case you are referring to the copyright symbol followed by your name, it is on a new line due to the paragraph tag. I hope I have understood your question.
Julian Angeles
Courses Plus Student 815 PointsSorry, I meant the Facebook and Twitter icons. I understood why the copyright symbol was where it was, but when Nick added the two images in the footer, without any CSS, they appeared in the browser side by side and the paragraph(copyright included) appeared below. Curious if it's because they were links, property of footer elements, or something else entirely. Thanks for any help and tips!
Julian Angeles
Courses Plus Student 815 PointsJulian Angeles
Courses Plus Student 815 PointsOkay, thanks! I thought all HTML elements were defaulted to block-level elements. Anchor elements happen to be inline by default. Cool!