#2 Taking up Space display: block; bug?

I don’t see where my error is here when instructed to set all divs to display block.

div {
height: 50px;
width: 100px;
border: 2px solid black;
border-radius: 5px;
display: block;
}

I just kept receiving an oops… I couldn’t get past. I just clicked to #3 inline block, changed the display: block; to display: inline-block; as instructed and had no problem moving forward from here.

1 Like

could you paste in all of your CSS code

Having the same problem…??

1 Like

Well, the only way we can help you is if you provide us with your full html and css code

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
        <div id="one"></div>
        <div id="two"></div>
        <div id="three"></div>
        <div id="four"></div>
    </body>
</html>
* {
    border: 1px dashed blue;
    
}


div {
    height: 50px;
    width: 100px;
    border: 2px solid black;
    border-radius: 5px;
    display: block;
    
}

#one {
    background-color: #FF0000;
}

#two {
    background-color: #0000FF;
}

#three {
    background-color: #FFD700;
}

#four {
    background-color: #308014;
}

Code is fine, seems you hit a glitch. Try a different browser

Please read this post about markdown so your code/indent will show.

1 Like