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 Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

How do i put the image and text in one line without flexbox?

Some things that i have learned here are still loose sandgrains wich I can't get together. When I see how to solve this I will probably understand it right away. I did get the whole page responsive :) But i can't figure out how to get the image to the right side and the text to the left of the image.

https://w.trhou.se/xfqqiwo9cr

Anyone? Many thanks in advance!

1 Answer

Steven Parker
Steven Parker
243,318 Points
Steven Parker
Steven Parker
243,318 Points

Before flexbox we had float.

And we still do. Plus, it seems like someone has already applied a clearfix to every div so you're halfway there already. So now if you add this to your CSS, you should be close to what you want:

.gallery img {
    float: right;
    width: 50%;
}