Edit in JSFiddle

.ex1 {
  margin-bottom:50px;
}
.ex2 {
  margin-top:20px;
}
<!DOCTYPE html>
<html lang="ko">
  <head></head>
  <body>
    <p class="ex1">이 문단은 마진-하: 50px입니다.</p>
    <p class="ex2">이 문단은 마진-상: 20px입니다.</p>
  </body>
</html>