<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="css/css1.css">
</head>
<body>
<p id="plain">Plain Text</p>
<p id="blue">Blue Text</p>
<p id="tight">Tight Text</p>
<p id="half-height">Close Text Line 1<br><br>
Close Text Line 2</p>
<p id="align-center">Centered Text</p>
<p id="align-right">Right Text</p>
<p id="indent">Indented Text</p>
<p id="underline">Underlined Text</p>
<p id="strike-through">Strike Through Text</p>
</body>
</html>
#blue{
color:blue;
}
#tight{
letter-spacing: -1px;
}
#half-height{
line-height: 50%;
}
#align-center{
text-align: center;
}
#align-right{
text-align: right;
}
#indent{
text-indent: 50px;
}
#underline{
text-decoration: underline;
}
#strike-through{
text-decoration: line-through;
}
#first-cap{
text-transform: capitalize;
}
#uppercase{
text-transform: uppercase;
}
#roman{
font:italic bold 30px "Times New Roman",serif;
}
#blackadder{
font-family: "blackadder itc";
font-size: 25px;
font-weight: bold;
}