What's new

Help How to fill the empty space

JohnxSenpai

Enthusiast
Joined
Jul 1, 2018
Posts
3
Reaction
0
Points
62
HTML:
<!DOCTYPE html>
<html>
<head>
    <title>DIV</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id="blue"></div>
    <div id="orange"></div>
    <div id="red"></div>
    <div id="green"></div>
    <div id="violet"></div>
    <div id="gray"></div>
</body>
    
</html>
[CODE lang="css" highlight="c"]#blue{
background-color: blue;
height: 90px;
}
#orange{
background-color: #FFA500;
height: 30px;
}
#red{
background-color: #FF0000;
height: 500px;
width: 20%;
}
#green{
background-color: #00ff00;
height: 200px;
}
#violet{
background-color: violet;
height: 300px;
width: 40%;
float:left;
}
#gray{
background-color: #808080;
height: 300px;
}[/CODE]

Hi Patulong sana kung pano po to mafifill yung space na po dyan without touching yung height and width ng div sana makatulong po kayu .
 
saan po yung empty space na tinutukoy nyo?

check mo po dito,

also, I advice learn css flexbox and grid.
 

Similar threads

Back
Top