title: Convert css from html style tag into inline css
body: <pre><code>    &lt;!doctype html&gt;
      &lt;html &gt;
          &lt;head&gt;
              &lt;style&gt;
  
      .accordion section:target { background:#FFF; padding:10px;}
      .accordion section:target h2 a{ color:#333; padding:0;}
      .accordion section:target p {display:block;}
      .accordion section{ float:left; overflow:hidden; color:#333; cursor:pointer; background: #333; margin:3px; width:100%; height:40px; }
      .accordion section p { display:none; }
      .vertical :target{ height:250px; width:97%; }
  
  
      &lt;/style&gt;
  
          &lt;/head&gt;
          &lt;body&gt;
              &lt;h1&gt;CSS3 Only Accordion Examples&lt;/h1&gt;
  
  
              &lt;div style="width:830px; overflow:hidden; margin:10px auto; color:#474747; background:#414141; padding:10px;" class="accordion vertical"&gt;
                &lt;section id="vertabout" target=" background:#FFF; padding:10px;"&gt;
                    &lt;h2 style=" position:relative; left:0; top:-15px; "&gt;&lt;a style="padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none;" href="#vertabout"&gt;About Us&lt;/a&gt;&lt;/h2&gt;
                    &lt;p&gt;fggfdgasf&lt;/p&gt;
                &lt;/section&gt;
                &lt;section id="vertservices"&gt;
                    &lt;h2 style=" position:relative; left:0; top:-15px; "&gt;&lt;a style="padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none;" href="#vertservices"&gt;Services&lt;/a&gt;&lt;/h2&gt;
                    &lt;p&gt;dcsadsc&lt;/p&gt;
                &lt;/section&gt;
              &lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>How to convert the codes inside style tags into inline css?
  So that it can be send through email attachments as for proper viewing of the  attachments only inline css are needed for email.</p>