title: How to define multiple CSS attributes in jQuery by using attr()
body: <p>The second part of the attr() instruction -&gt; margin-top fails:</p>
  <pre><code>var hoeheDrBoxPA = (jQuery(&quot;.header-a-p&quot;).outerHeight()/2);
  var hoeheDrBoxHPA = (jQuery(&quot;.text-h-a-p&quot;).outerHeight()/2);
  var hoeheDrBoxPAML = (jQuery(&quot;.header-a-p&quot;).css(&quot;marginLeft&quot;));
              
  jQuery(&quot;.et_pb_section_1.header-element&quot;).attr('style', 'margin-left:' + hoeheDrBoxPAML + '!important', 'margin-top:' + (hoeheDrBoxPA-hoeheDrBoxHPA) + 'px');
  </code></pre>
  <p>The single instructions works:</p>
  <pre><code>jQuery(&quot;.et_pb_section_1.header-element&quot;).attr('style', 'margin-left:' + hoeheDrBoxPAML + '!important');
  jQuery(&quot;.et_pb_section_1.header-element&quot;).attr('style', 'margin-top:' + (hoeheDrBoxPA-hoeheDrBoxHPA) + 'px');
  </code></pre>
  <p>The first part of the attr() instruction -&gt; margin-left  takes effect</p>
  <p>What is wrong here?</p>