Build a Resume Step 5. Float left and right


#1

I know my code is right but it will not let me progress to the next step?!?

Code:

header {

position:fixed;
z-index:1;
color:blue;
border-radius:5px;
height:50px;
width:100%;
background:red;

}

.left {
float:left;
position:absolute;
border-radius:5px;
height:50px;
width:100%;
background:green;
}

.right {
float:right;
position:absolute;
border-radius:5px;
height:50px;
width:100%;
background:grey;
}

footer {

text-align:center;
border-radius:5px;
height:50px;
width:100%;
background:blue;

}

My float:left; and float:right; are in the correct place so I'm not sure why it isn't regestering that I have put the code in properly.


#2

float doesn't work on elements which have position fixed

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#3

TYVM for the info with the code & posting etiquette :smiley: