-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path61.html
24 lines (24 loc) · 2.19 KB
/
61.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
.bold { font-weight: bold; }
.italics { font-style: italic; }
</style>
<title>Bold and Italics with CSS</title>
</head>
<body>
<h1>Bold and Italics with CSS</h1>
<h2>By Jennifer Kyrnin</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span class="bold">Donec venenatis <span class="italics">iaculis</span></span> <span class="italics">quam eget</span> commodo. Integer faucibus, mauris vitae iaculis malesuada, augue augue interdum nisl, sed ornare nisl massa blandit urna. Sed semper venenatis egestas. Aenean id arcu arcu. Curabitur gravida massa in nibh tristique vehicula. In pellentesque finibus molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer gravida ultricies eros, id molestie eros vestibulum vel. Morbi lectus odio, luctus ac tortor eu, ultricies dapibus velit.
</p>
<p class="bold">
Aenean ut cursus ipsum. Aliquam eu dapibus mauris. Vivamus est leo, pharetra eu congue ultrices, facilisis id quam. Morbi placerat pharetra ipsum, in accumsan risus lacinia non. Nullam fringilla arcu id nisi fermentum, nec lacinia lacus eleifend. Donec viverra quam sit amet magna aliquam ultrices non et sem. Phasellus venenatis massa massa, at ultrices nunc pellentesque at. Praesent ullamcorper, dolor non malesuada semper, turpis leo maximus augue, eu dictum ipsum augue sit amet lectus. Sed eget sapien vitae velit congue placerat id nec dui. Phasellus finibus, felis quis lobortis rhoncus, lorem purus vehicula magna, id faucibus enim metus sed sem. Vestibulum sollicitudin finibus felis in pulvinar. Quisque quis pharetra leo. Morbi id magna id justo lacinia dictum vel quis quam.
</p>
<p class="italics">
Nullam accumsan odio non elit dapibus, eu mattis leo tempor. Morbi ultricies ante eget sem venenatis consectetur. Fusce faucibus eleifend vulputate. Maecenas pharetra turpis et felis semper, sed rutrum odio tempor. Donec tincidunt suscipit massa in scelerisque. Curabitur orci augue, gravida eget enim a, aliquam molestie lacus. Aliquam erat volutpat. Donec pulvinar tincidunt urna nec interdum.
</p>
</body>
</html>