In: Computer Science
Invitation.html :
<!DOCTYPE html>
<html>
<head>
<title>Invitation</title>
<link rel="stylesheet" type="text/css"
href="invite-style.css">
</head>
<body>
<h1>Invitation:<br/>---</h1>
<h2>Harry & Ginny's Wedding</h2>
<span id="date">May 4, 2010 at
3:00PM</span><br/><br/>
<p id="paragraph">Hogwarts Great hall<br/>1885 Hogwarts Castle<br/>Edinburgh, Scotland</br/>
Join Harry & Ginny as they embark on their greatest adventure in holy matrimony. Enchanted reception to follow ceremony.</p><br/>
<span id="kind">Kindly RSVP via owl to Mr. & Mrs.
Weasley at The Burrow by April 1st</span><br/>
---
</body>
</html>
invite-style.css :
#date{
font-size:20px;
font-weight: bold;
}
body{
background:#dc3545;
}
#paragraph{
font-weight: bold;
font-style: italic;
}
#kind{
font-size:20px;
}
Output :