Innovation Cloud Conference image float


#1

Hi,

I can't get my image in the main section to float left and the text to wrap around on the right. No idea why it's not working it looks sound to me.

HTML:

    <div class="main">
      <div class="container">
        <img src="https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/cloud.svg">

CSS:

    .main .container img {
    	float: left;
    }

And the offending screenshot:

Browser is Internet Explorer 11

Thanks


#2

Ok...so how to do I successfully display the lines of html?


#3

Select all your HTML code, the type CTRL + Shift + C.
Also for your CSS.


#4

Thanks. I've just tried that and it had no effect. Seemed to shift the text back a tab but the end result as you can see is no change.


#5

Here, two things.

Is it an exercise? If so, link.

The other way is to select the code, and on the options bar (to change the bold, italic and that stuff) click the </> button.


#6

Its a project called Innovation Cloud under Make a Website. Isn't that apparent from the section this topic falls under at the top?

I've also just tried your second suggestion and that has no effect either.


#7

Looks like someone else has moderated it for me now...thank you whoever you are.


#8

@zolated Here's the link to the exercise @dan.solo is on: https://www.codecademy.com/en/courses/web-ext/projects/html-css-prj_innovation-cloud


#9

I did you're welcome

@zolated This is a project under pro, you will only have access if you are a pro user :slight_smile:


#10

Oh well. ¯\_(ツ)_/¯


#11

Hey,

When viewing your should view on full screen mode.
Also you should adjust the size of the image as the original size of the image is huge :slight_smile:


#12

Thanks again Zainab.

Full screen mode had no effect but resizing the image worked for me.


#13

positioning will make a difference on full screen view


#15

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