title: html object margin-right no function
body: <p>I am building a leaflet map and want to add a logo and a headline above the map. When trying to define the position, I noticed that only the <code>margin-left</code> command works. The <code>margin-right</code> command just gets &quot;ignored&quot;. I currently only use the <code>margin-left</code> command to pretty much get around the problem, but when I try to minimize my browser the alignment just is not right anymore.</p>
  <p>Here´s some code from my html elements:</p>
  <pre><code>&lt;!--headline --&gt;
  &lt;h2 style=&quot;postion:absolute; top:10px; margin-left:7.5%;&quot;&gt;Maschinentechnische Anlagen &lt;/h2&gt;
  
  &lt;!--logo + position--&gt;
  &lt;div style=&quot;position:absolute; top:10px; margin-left: 89%&quot;&gt;   &lt;!-- ideal would be margin-right: 7.5% --&gt;
  &lt;img src=&quot;images/DBlogo.png&quot; width=&quot;50&quot;/&gt; &lt;/div&gt;
  
  
  &lt;!--map + position--&gt;
  &lt;div style=&quot;height:860px; width:85%; margin-top:auto; margin-left:7.5%; margin-right:7.5%;&quot; id=&quot;map&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>Note: The <code>margin-right</code> part when defining the map also does not have any impact, but that is not that big of a problem since it is already defined enough with the width part</p>