    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>패딩과 마진 지정하기</title>
      <style>
        div {
          background-color: #ffffef;
          width: 200px;
          height: 20px;
          border: 5px solid #ffbf69;
          margin-top: 20px ;
          margin-bottom: 40px;
        }
      </style>
    </head>
    <body>
      <div style="padding: 30px 20px 10px 0">
        padding: 30px 20px 10px 0</div>
      <div style="padding: 30px 20px 10px">
        padding: 30px 20px 10px</div>
      <div style="padding: 30px 20px">
        padding: 30px 20px</div>
      <div style="padding: 30px">
        padding: 30px</div>
      <div style="margin: auto">margin: auto</div>
    </body>
    </html>