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 Anthony Ho
Anthony Ho
10,228 Points

I want to dynamically center an image when I resize my browser.

If the image is equal to the height of the browser $(window), I want to able to resize it and centre it again in the middle of the browser.

1 Answer

Tyler Haas
Tyler Haas
20,623 Points
Tyler Haas
Tyler Haas
20,623 Points

if it is a block level element use margin: 0 auto; for inline elements use text-align: center;

Anthony Ho
Anthony Ho
10,228 Points

I am using bootstrap carousel 3.0 Here is the link: http://ant-ho.com/webapp/testslider.html it doesn't center in desktop browser size.