JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block1">Block 1</div>
<div id="block2">Block 2</div>

CSS

body {
    text-align:center;
    font-family:sans-serif;
    font-size:12px;
    line-height:1.5;
    color:white;
    padding:0;
    margin:0;
    background: url('http://habrastorage.org/files/97d/5df/2eb/97d5df2ebcf24bf489a37010e8157862.png') repeat -80px -80px;
}

div {
    width:200px;
    border:2px solid white;
    background:rgba(150, 0, 255, 0.7);
    height:16px;
}

#block1 {
   margin:40px;  /*Задаем для первого блока отступы со всех сторон 40 пикселей */
}

#block2 {
    margin:40px; /*Задаем для второго блока отступы аналогично первому */
    margin-top:20px; /* Переопределяем верхний отступ */
}