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 Framework Basics Build a Website with Bootstrap Content Layout with Nested Grids

Why are these two inline elements stacked?

I know it is odd to worry about this detail, but I noticed that the two elements, strong and span, appeared stacked in Guil's browser,

html <p> <strong>Ben Jakuben</strong><span>Teacher</span> </p>

and I wondered why that was in the case. In my browser they are appropriately (in my opinion) in the same line.

2 Answers

I wouldn't consider it odd. It's good if you're paying attention to the details.

That's what they would do by default. I downloaded the project and checked the css. The strong tag in that paragraph has display: block applied to it. This causes the span to drop below.

Awesome. Thanks, Jason. I guess I could have done that as well. : )