How can I convert this code into HTML only? : <p>how can I convert this HTML+CSS code into HTML only?
I'm trying to use this in an email, so the CSS won't work.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;head&gt;

  &lt;style&gt;
  #u168 { z-index: 34; background-color: #57E8E8; padding-bottom: 7px; position: relative; margin-right: -10000px; margin-top: 345px; width: 48.58%; left: 27.15%; } #u186-5 { z-index: 37; min-height: 23px; background-color: transparent; color: #131E2E; font-size: 18px; line-height: 22px; position: relative; margin-right: -10000px; margin-top: 6px; width: 92.06%; left: 2.65%; } #u174 { z-index: 35; background-color: #57E8E8; padding-bottom: 8px; position: relative; margin-right: -10000px; margin-top: 384px; width: 48.58%; left: 27.15%; }  #u186-2,#u189-2 { font-weight: bold; } #u177 { z-index: 36; background-color: #57E8E8; padding-bottom: 8px; position: relative; margin-right: -10000px; margin-top: 423px; width: 48.58%; left: 27.15%; } 

  &lt;/style&gt;
   &lt;/head&gt;
 &lt;body&gt;
&lt;div class="clearfix grpelem" id="u168"&gt;&lt;!-- group --&gt;
      &lt;div class="clearfix grpelem" id="u186-5"&gt;&lt;!-- content --&gt;
       &lt;p&gt;User: &lt;span id="u186-2"&gt;test&lt;/span&gt;&lt;/p&gt;
      &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="clearfix grpelem" id="u174"&gt;&lt;!-- group --&gt;
      &lt;div class="clearfix grpelem" id="u189-5"&gt;&lt;!-- content --&gt;
       &lt;p&gt;Password: &lt;span id="u189-2"&gt;test&lt;/span&gt;&lt;/p&gt;
      &lt;/div&gt;
     &lt;/div&gt;
&lt;/html&gt;
</code></pre>
