Scribd
Upload
2 views3 pages

Program 3

The document is an HTML file that includes a basic structure with inline and external CSS. It features headings, a paragraph, a horizontal rule, and a container with boxes, including an image. The CSS styles define colors, text alignment, and layout properties for various elements.

Uploaded by

gangadharm55blue
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views3 pages

Program 3

The document is an HTML file that includes a basic structure with inline and external CSS. It features headings, a paragraph, a horizontal rule, and a container with boxes, including an image. The CSS styles define colors, text alignment, and layout properties for various elements.

Uploaded by

gangadharm55blue
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<head>
<title>CSS Program</title>
</head>
<link rel="stylesheet" href="[Link]">
<body>
<h2 style="background-color: aliceblue; color: blue; text-align: center;">Inline CSS</h2>
<h3>Section 1</h3>
<p>This is a boring paragraph<br>I am in Web Tech lab<br>It's a Friday Afternoon and i cannot wait to
go back home ehhh......</p>
<hr class="hr1">
<div class="container">
<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box"> <img src="[Link]" alt="Bayern Munich FC Logo"></div>
</div>
<time>10:00</time>
<a href="https:[Link]">YouTube</a>
</body>
</html>
Css

h3{
color: aqua;
text-align: center;
}
p{
color: red;
}
div{
text-align: center;
width: 1000px;
border: 20dp;
}
hr{
width: 100%;
height: 1px;
background-color: red;
}
.hr1{
width: 100%;
height: 5px;
background-color: black;
}
.container{
display: flex;
justify-content: space-around;
}
.box{
width: 1000px;
height: 100px;
background-color: aqua;
margin: 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;

You might also like