title: How to top align a div inside another div
body: <p><img src="https://i.stack.imgur.com/8rTNA.png" alt="enter image description here"></p>
  
  <p>Hi</p>
  
  <p>I want to place the div2 top align with the div1's border</p>
  
  <p>So far I have tried this for div 2 but it did not work out well</p>
  
  <pre><code>element.style {
      float: right;
      position: relative;
      vertical-align: top;
  }
  </code></pre>
  
  <p>this did not align the div at top position , what could be the fix to make it top aligned?</p>