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

HTML

Posted by farah hussain
farah hussain
9,218 Points

images

How to programme 2 images so that they sit on the same line next to each other, in html.

Philip Gales
Philip Gales
15,193 Points

What size are the images?

dean schorah
dean schorah
2,111 Points

Put the images in a ul class i.e. <ul class="images"> put your 2 images within the list tags and in your CSS float left the images. HTML: <ul class="images"> <li><img src="#"></li> <li><img src="#"></li> </ul>

CSS: .images img { Float:left }

1 Answer

Brandon Stovall
Brandon Stovall
10,450 Points
Brandon Stovall
Brandon Stovall
10,450 Points

What you need to do is set a width property for the images and float them both left... Or right in the case you want them displayed that way.. Also adding them to an unordered list (ul) is not a bad idea either.