- Joined
- Apr 19, 2023
- Messages
- 4
- Reaction score
- 0
Hey, I am back. I almost got everything right. The only error I made is that the facts about the Monk Diamond should be aligned in the center. What did I do wrong?
<!DOCTYPE html>
<html>
<head>
<title>The Monk Diamond</title>
<style>
body {
margin: 0px;
}
.pad {
padding: 25px;
}
.header {
background-color: lightblue;
color: black;
height: 100px;
font-size: 36pt;
text-align: center;
}
.welcome {
background-color: gray;
color: white;
font-size: 16pt;
text-align: center;
height: 40px;
margin: 0px;
}
.main-text {
width: 60%;
float: left;
background-color: beige;
}
.divs {
margin: 5px;
width: 25%;
float: left;
border: 4px solid lightblue;
}
</style>
</head>
<body>
<div class="header pad">
The Monk Diamond Discovery
</div>
<div>
<p class="welcome">
Stolen Diamond discovered in Siberia!
</p>
</div>
<div class="main-text pad">
<p>
Professor Bairstone and Dr. Day have made a sensational discovery.<br/>
They have discovered the Monk Diamond in a remote cave in Siberia.<br/>
Professor Bairstone's dog, Ernest, sniffed out the diamond.
</p>
<p>
The jewel was stolen three years ago from the House of Volkov.</br>
The prime suspects in the theft were the Bond Brothers.<br/>
The team thinks the diamond had been hidden by the thieves.<br/>
The team sent this photo from their camp.
</p>
<img src="teamphoto.jpg" alt="The Team" style="height: 150px;"/>
</div>
<div class="divs pad">
<img src="diamond.jpg" alt="Diamond" style="width: 150px;"/>
<p style="text-align: center;">The Monk Diamond</p>
</div>
<div class="divs pad" style="text align: center;">
Fact File<br/>
Carats: 300<br/>
Color: Green<br/>
Value: Over $100 million
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>The Monk Diamond</title>
<style>
body {
margin: 0px;
}
.pad {
padding: 25px;
}
.header {
background-color: lightblue;
color: black;
height: 100px;
font-size: 36pt;
text-align: center;
}
.welcome {
background-color: gray;
color: white;
font-size: 16pt;
text-align: center;
height: 40px;
margin: 0px;
}
.main-text {
width: 60%;
float: left;
background-color: beige;
}
.divs {
margin: 5px;
width: 25%;
float: left;
border: 4px solid lightblue;
}
</style>
</head>
<body>
<div class="header pad">
The Monk Diamond Discovery
</div>
<div>
<p class="welcome">
Stolen Diamond discovered in Siberia!
</p>
</div>
<div class="main-text pad">
<p>
Professor Bairstone and Dr. Day have made a sensational discovery.<br/>
They have discovered the Monk Diamond in a remote cave in Siberia.<br/>
Professor Bairstone's dog, Ernest, sniffed out the diamond.
</p>
<p>
The jewel was stolen three years ago from the House of Volkov.</br>
The prime suspects in the theft were the Bond Brothers.<br/>
The team thinks the diamond had been hidden by the thieves.<br/>
The team sent this photo from their camp.
</p>
<img src="teamphoto.jpg" alt="The Team" style="height: 150px;"/>
</div>
<div class="divs pad">
<img src="diamond.jpg" alt="Diamond" style="width: 150px;"/>
<p style="text-align: center;">The Monk Diamond</p>
</div>
<div class="divs pad" style="text align: center;">
Fact File<br/>
Carats: 300<br/>
Color: Green<br/>
Value: Over $100 million
</div>
</body>
</html>
