Как установить поля для двух div внутри другого div?

Question

Я хочу установить разные поля для двух делений внутри другого деления.Первый div должен отображаться поверх второго div.

<div style="position:relative">
 <div style="position: absolute;margin-top:24px">
   This should be appar top of the second div.
 </div>
 <div style="margin-top:24px">
   second div
 </div>
</div

Я использовал вышеупомянутый код, но первый div также получает margin 50, а не margin 24.
Как решить эту проблему?
Невозможно использовать position:absoulte для второго деления.

Answer 1

Вы можете использовать следующий код:

   <div style="position:relative">
     <div style="posiotion:absolute, top:24px">
       This should be appar top of the second div.
     </div>
     <div>
       second div
     </div>
   </div>

Answer 2

введите этот код внутри div

margin: 5px auto;