Why does margin not increase webpage width in the right?

Question

I wrote the code:-
body {
background-color: #87CEFA;
}

p
{
background-color: blue;
padding: 110px;
border: dotted 2px red;
margin: 700px;
height: 400px;
width: 500px;
}

Since the margin is a lot, the p box goes down and right. There is space below the box equal to whats above it, but there is no space on the right of the box, only on the left.

Why does this happen, and how can I make the margin go to right side of it as well?

Answer 1

That's most likely because the 700px is applied to the left but there is not enough space for the box to have margin on the right