title: Positioning 2 icons outside a DIV aligned to the top
body: <p>I'd like to achieve something similar to the picture below (2 icons, mail and phone outside my Article DIV (in white on the image), aligned to the top of the DIV and under each other (with 1 or 2 pixels space). I tried to set a class with a negative margin for the images but without success. What would be the best way to achieve this?
  Many thanks</p>
  
  <p><img src="https://i.stack.imgur.com/dnu4C.jpg" alt="enter image description here"></p>
  
  <pre><code>.article {
      clear: right;
      float: right;
      text-align:justify;
      width: 450px;
      min-height:420px;
      height: 60%;
      padding: 50px 32px 49px 62px;
      margin-right:75px;  
      position: relative;
      z-index: 15;
      margin-top: 90px;
      background: #fff;
      /* max-width: 25%; */
      overflow-y: scroll!important;
  }
  </code></pre>