🔒 Closed How to fill the empty space

Status
Not open for further replies.
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 .
 
Status
Not open for further replies.

About this Thread

  • 5
    Replies
  • 371
    Views
  • 3
    Participants
Last reply from:
JohnxSenpai

Trending Topics

Online now

Members online
1,214
Guests online
1,953
Total visitors
3,167

Forum statistics

Threads
2,294,559
Posts
29,091,818
Members
1,207,382
Latest member
travis_09
Back
Top