🔒 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 .
 
Ito ho yung output sana hirap ako eh
 

Attachments

  • 172271865_872936703487480_4913238355186880509_n.webp
    172271865_872936703487480_4913238355186880509_n.webp
    4.1 KB · Views: 20
Status
Not open for further replies.

About this Thread

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

Trending Topics

Online now

Members online
1,055
Guests online
1,219
Total visitors
2,274

Forum statistics

Threads
2,272,279
Posts
28,941,677
Members
1,237,124
Latest member
ashlyjyd
Back
Top