How to set inner div width and height to outer div ?

Question

<div name="outer" style='background-color:red; '>
       <div name="inner"style='background-color:yellow; width:200px'>

       some content 


        </div>
       <div style="clear: both"></div>
      </div>

please take look any one my jsfiddle?

MY LINK

Answer 1

See this fiddle

Add

display: inline-block;

to your outer div, which will set the width and height of inner div to the outer div.

UPDATE

Add this CSS to your outer div. ie to #LandingDiv

display: flex;
align-items: center;
background-color: transparent;

Then add

background-color: white;

to inner div. ie #LandingContent .