title: Setting margins in a Page Template file for WordPress -- html and css?
body: <p>I'm creating a Page Template for a WordPress site.</p>
  
  <p>In the file newpagetemplate.php I currently have this code, and this code only:</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
   &lt;html&gt;
   &lt;head&gt;
   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
   &lt;title&gt;Copywriting for Serious Marketers&lt;/title&gt;
   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
   &lt;meta name="keywords" content="copywriting, sales writing, marketing" /&gt;
   &lt;meta name="copyright" content="Copyright Richard Clunan. All rights reserved." /&gt;
   &lt;meta name="description" content="Advice on copywriting and marketing." /&gt;
   &lt;meta name="revisit-after" content="7 days" /&gt;
   &lt;?php
   /*
   Template Name: Salespage
   */
   ?&gt;
      &lt;div&gt;
          &lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&gt;
              &lt;?php the_title(); ?&gt;
              &lt;?php the_content(); ?&gt; 
          &lt;?php endwhile; endif; ?&gt;
      &lt;/div&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;body topmargin="100"&gt;
   &lt;body leftmargin="300"&gt;
   &lt;body rightmargin="300"&gt;
   &lt;body bottommargin="10"&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>If my understanding is correct, the values I've used to set margins are html code.</p>
  
  <p>And, if my understanding is correct, there's CSS code I can use instead. This, I think:</p>
  
  <pre><code>body {
          margin-top: 100px;
          margin-right: 300px;
          margin-bottom: 10px;
          margin-left: 300px;
      }
  </code></pre>
  
  <p>If I just switch those excerpts of code, the new version doesn't apply the margins.</p>
  
  <p>What do I need to do to make the CSS code work?</p>
  
  <p>And is one or the other types of code likely to cause fewer issues in different situations, such as displaying on different browsers?</p>