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 CSS Flexbox Layout Flexbox Properties Smarter Layouts with flex-basis and flex

Barcode George
Barcode George
595 Points
Posted by Barcode George
Barcode George
595 Points

Item in the middle above the text

How would be the best way to have word called "Item" above paragraph right in the middle. Now its on the left

1 Answer

Doris Keller
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Doris Keller
Front End Web Development Techdegree Graduate 47,927 Points
Doris Keller
.a{fill-rule:evenodd;}techdegree seal-36
Doris Keller
Front End Web Development Techdegree Graduate 47,927 Points

Not sure if I understand you correctly Barcode George - do you want to have the title, e.g. "Item 1" centered above the paragraph? The easiest way would be to use text-align: center; in its css rule in my opinion.

If you want to use flexbox for that, you would have to make a flex-item out of every items container, use flex-direction: column; on it and center the first item, the title, that way - but that would be a little bit of an overkill in my opinion, too complicated for just a title and a paragraph.