Can't see my footer


#1

Hi there-I am in unable to see my footer in this exercise and I can't figure out why. The code I have is below:

header {

border-radius:5px;
height:50px;
width:500px;
border:3px solid black;
padding-bottom:20px;
text-align:center;

}

.left {
border-radius:5px;
height:300px;
width:200px;
border: 2px solid black;
margin-top:20px;
display:inline-block;

}

.right {
border-radius:5px;
height:300px;
width:200px;
border:2px solid black;
display:inline-block;
margin-top:50px;
margin-left:30px;
margin-bottom:-20px;

}

.header1 {
font-size:23px;
text-align:center;

.header2 {
font-size:23px;
}

footer {

border-radius:5px;
height:20px;
width:50px;
border:2px solid black;

}


#2

Your .heading1 is not closed

If it still doesn't work pls paste in your HTML


#3

Hello,

Im sure I have the correct code for 6 Clearing Footer, but I'm unable to move on or view my footer in the side screen. Please advise, did I over look or miss something??

header {

    border-radius: 5px;
    background-color: gray;
    height: 45px;
    width: 100%;
    position: fixed;
    z-index: 1;

}

.left {
border-radius: 5px;
background-color: #48D1CC;
height: 400px;
width: 85px;
float: left;
}

.right {
border-radius: 5px;
background-color: #48D1CC;
height: 400px;
width: 85px;
float: right;
}

footer {

      border-radius: 5px;
      background-color: gray;
      height: 45px;
      width: 100%:
      clear: both;

}