Step 3: displaying text inline with image issue


#1

https://www.codecademy.com/courses/web-ext/projects/html-css-prj_innovation-cloud

Can not get the 'cloud' picture to display inline with the text. I have resized the cloud and tried just about everything, but text still shows up below image.

HTML:
 <div class="main">
      <div class="container">
        <img src="https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/cloud.svg" height="98" width="150"/>
        <h2>The Innovation Cloud Conference</h2>
        <p>Connect with the best minds across a wide range of industries to share ideas and brainstorm new solutions to challenging problems.</p>
        <p>Hear industry leaders talk about what worked (and what didn't) so that you can save time on your most challenging projects.</p>
         <p>Learn about the latest research and technologies that you can use immediately to invent the future.</p>
      </div>
    </div>

CSS:

.main .container {
	margin: 80px auto;
  background: white;
}
.main .img {
  float: left;
  
}

#2

.main .img {
  float: left;
  
}

img is not a class.so you dont need . for it


#3

Thank you! That worked! Almost of day of messing around with code and it turns out to be a "."!


#4

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