Problems with float in Innovation Cloud

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
I’ve been struggling with floating the cloud image in this project. I’ve tried the fixes people have used in similar questions (resizing the image and making sure that their computer screen isn’t zooming in/out), to no avail. I’d really appreciate any assistance with this problem.

```

The HTML code:

The Innovation Cloud Conference

The CSS code:
.main img {
float: left;
margin: 50px 80px 50px 0px;
}

Unfortunately this ends up with the image under the navigation, and the "Innovation Cloud Conference" header and paragraph directly below the image.

Thank you for your help!
<do not remove the three backticks above>

A link to the exact exercise will be immensely helpful. Please post a link with your questions. Thanks.

Rather than using .img , why don’t you follow the instruction and insert url of image into .header?

.header {
  height: 800px;
  text-align: center; 
  background :url(https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/bg.jpg);
}

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.