title: CSS margin top from sibling element not parent
body: <p>I have got this html</p>
  
  <pre><code> &lt;div class="ChatDiv"&gt;
      &lt;div class="chatdiv_ fm"&gt;
              &lt;span&gt;uhygtfgyhujiuhygt i uytr yui jhuygtfr&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="chatdiv_ fm" style="margin-top:148;"&gt;
             &lt;span&gt;t&lt;/span&gt;
      &lt;/div&gt;
  
  &lt;div class="chatdiv_ fm" style="margin-top:214;"&gt;
                          &lt;span&gt;t&lt;/span&gt;
            &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>And this css</p>
  
  <pre><code>.ChatDiv{
      width: 800px;
      height: 480px;
      overflow: auto;
      margin-left: 350px;
      border-radius: 4px;
      background: white;
      margin-top: 80px;
      position: absolute;
      box-shadow: 0px 0px 11px black;
  }
  .fm{
      position: relative;
      font-family: Nbutler;
      font-size: 20px;
      float: right;
      background: #2196f3;
      max-width: 400px;
      color: white;
      margin-left: -432px;
      margin-right: 20px;
      padding: 10px;
      border-radius: 5px;
      span{
          display: block;
          height: auto;
          width: auto;
          max-width: 400px;    
      }
  }
  </code></pre>
  
  <p>And the problem is when i have margin top on <code>fm</code> elements it takes this margin from the top.Not from the sibling element and i do not how many <code>fm</code> elements i will have so i can not put the same margin-top for all fm elements</p>