1<!DOCTYPE html>
2<html lang="en" dir="ltr">
3 <head>
4 <meta charset="utf-8">
5 <title>CSS Basics</title>
6
7 </head>
8 <body>
9 <h1 style="background-color: tomato; color: white">Browser defaults</h1>
10
11 <p style="background-color: purple; color: white; padding: 10px; margin-top: 60px;">The browser will style HTML documents using an internal stylesheet. This ensures that headings are larger than normal text, links are highlighted and structures such as lists and tables are understandable.</p>
12 <p>Paragraphs are spaced out. List items get a bullet or number, Links are highlighted and underlined.</p>
13
14 <ul style="font-family: arial; font-size: 20px">
15 <li>Item One</li>
16 <li>Item Two</li>
17 </ul>
18
19 <h2 style="background-color: purple; color: white; padding: 10px; margin-top: 60px;">A level 2 heading</h2>
20 <p>You can change all of this with CSS.</p>
21 </body>
22</html>
23
