How to create L Shape div in HTML CSS?

Issue

i have two divs DIV 1 & DIV 2 how to create them so that Div1 comes as L Shape like this

HERE IS IMAGE SAMPLE

here as the shape changes the content is adjusting as per increased width i could not get a clue of how to even start with this ? div2 content will in left out shape

Solution

try with this

     <div   Style="height:300px">
  <div style="width:'30%';height:"100px";float: 'right'; marginBottom: '15px'; marginLeft: '15px' ">

  RIGHT SIDE DIV CONTENT 
  </div>
  PARENT L SHPAED DIV CONTENT 

</div>

Answered By - Mohd Maaz