How to set margins to two div inside another div?

Question

I want to set different margins to two divs, inside another div. The first div should appear top of the second 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

I used above mention code, but first div also getting margin 50, not margin 24.
How to resolve this issue?
Cannot use position:absoulte to the second div.

score 3 · Answer 1 · edited May 28 '19 at 06:14

3

enter this code inside div

margin: 5px auto;

edited May 28 '19 at 06:14

Sujal Patel

2,444
1
19
38

answered May 28 '19 at 06:06

Mayur Parmar

224
1
8

score 1 · Answer 2 · edited May 28 '19 at 06:19

1

You can use the following code:

   <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>

edited May 28 '19 at 06:19

slkhan

101
1
9

answered May 28 '19 at 06:09

iamrajshah

963
1
11
23

How to set margins to two div inside another div?

2 Answers2