<head>
<style>
h1,h2
{
color:rgb(23,56,78);
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
background-color:rgb(255,255,255);
}
.p1{
text-transform: uppercase;
letter-spacing: 5px;
word-spacing: 5px;
text-align:right;
text-align:justify;
border: dotted;
}
#p2{
border: double;
background-color: aliceblue;
color: #abeeff;
text-align: center;
text-align: justify;
}
label{
color: #ddaacc;
font-size: larger;
}
input{
color:#ff34cc;
}
.p3{
font-style: italic;
text-decoration:underline;
border: 3px solid yellowgreen;
box-shadow: 5px;
}
</style>
</head>
<style>
h1,h2
{
color:rgb(23,56,78);
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
background-color:rgb(255,255,255);
}
.p1{
text-transform: uppercase;
letter-spacing: 5px;
word-spacing: 5px;
text-align:right;
text-align:justify;
border: dotted;
}
#p2{
border: double;
background-color: aliceblue;
color: #abeeff;
text-align: center;
text-align: justify;
}
label{
color: #ddaacc;
font-size: larger;
}
input{
color:#ff34cc;
}
.p3{
font-style: italic;
text-decoration:underline;
border: 3px solid yellowgreen;
box-shadow: 5px;
}
</style>
</head>
<head>
<style>
.div1{
background-color: antiquewhite;
display: block;
width: 100vw;
height: 20vh;
margin: 10px;
}
.div2{
background-color: rgb(173, 105, 17);
display: inline-block;
width: 30vw;
height: 40vh;
margin: 10px;
}
.div3{
background-color: rgb(5, 165, 21);
display: inline-flex;
width: 40vw;
height: 40vh;
margin: 10px;
}
</style>
</head>
<body>
<div class="div1">DIV-1</div>
<div class="div2">DIV-2</div>
<div class="div3">DIV-3</div>
</body>
<style>
.div1{
background-color: antiquewhite;
display: block;
width: 100vw;
height: 20vh;
margin: 10px;
}
.div2{
background-color: rgb(173, 105, 17);
display: inline-block;
width: 30vw;
height: 40vh;
margin: 10px;
}
.div3{
background-color: rgb(5, 165, 21);
display: inline-flex;
width: 40vw;
height: 40vh;
margin: 10px;
}
</style>
</head>
<body>
<div class="div1">DIV-1</div>
<div class="div2">DIV-2</div>
<div class="div3">DIV-3</div>
</body>
👍6