Images - Not going all the way to the right when floated

Link to the project or level:

What I expect to happen:
Trying to get the images to float on the right.

What actually happens:
Instead of them all floating on the right, some of them seem to bump into another keeping it from getting all the way over to the right, as shown in the screenshot above.

What I’ve tried:
The only thing we’ve tried is to add text below each image that is also right aligned to see if that would force them apart, but it doesn’t work.

1 Like

The float property will only float the image to the right of the heading or paragraph it is directly after in the code. The code to align the images without floating them is a little more involved. This link shows how to align the images without floating them using CSS. I’m not sure how involved you want to get with it.


Here’s a link to a previous forum post where I gave an example of aligning images. My example (linked in the post) shows the images horizontally, but adding text and floating the block of images (see the post for more details) to the right or left should accomplish what you want.


1 Like