coding begier

Good evening, I am very new to coding (5 days) and I am just working on a small personal project to practice. Few questions though.
1, I'm trying to place a few short quotes into my page and have the following HTML code:

<p1>short quote etc</p1>

<p2>second short quote</p2>

<p3>third short quote</p3>

I want these to be on 3 separate lines but for some reason they are just following on from one another, creating 1 paragraph.

2, I also want the "left-margin" of these 3 sentences to be 30px. And my CSS code is:

p1 {
margin-left: 30px;
}

Same for p2 and p3

However when I do this it only moves the first line of the "large paragraph" in, and leaves the other lines tight to the edge.

I know these are the very basics but I can't seem to figure it out. Any help would be geatly appreciated.

Cheers!