It is telling me my <p> tags are nested funny


#1

.<!DOCTYPE. html>
<html>.
	<head>.
		<title>First font size change</title>.
	</head>.
	<body> 
	    <p> <p style="font-size: 12px"> Some text for you to make tiny!</p>
		<p> <p style="font-size: 20px"> Some text for you to make normal size!</p>
		<p> <p style="font-size: 40px"> Some text for you to make super big!</p>
	</body>
</html>

#2

when you have a paragraph:

<p>i am a paragraph</p>

you can add the style attribute the opening tag without creating additional tags:

<p style="">i am a paragraph</p>

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#3

What are all the dots .. for?