title: External Style Sheet does not work with `h1` in XAMPP
body: <p>I am trying to make a navigation bar in a separate file, so that I may include it with php later. The file, nav_menu.php, contains a <code>h1</code> tag, a <code>p</code> tag, and an <code>ul</code> containing <code>a</code> tags.I made the CSS in an External Style Sheet. I styled all the elements. The <code>h1</code> tag didn't work. Why?</p>
  
  <p>nav_menu.php:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="nav_menu.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1 title="School Helping Program"&gt;------ S.H.P. ------&lt;/h1&gt;
  &lt;p title="S.H.P."&gt;School Helping Program&lt;/p&gt;
  
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="home.php"&gt;home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="marks.php"&gt;marks&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a onclick="logout()"&gt;log out&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>nav_menu.css:</p>
  
  <pre><code>&lt;style&gt;
  
  h1{text-align:center;color:#CC0000;}/*Here's the prolbem*/
  p{font-style:italic;text-align:center;}
  li{float:left;}
  ul{list-style-type:none;margin:0;padding:0;}
  a{
  display:block;
  width:180px;
  text-align:center;
  background-color:#5CB8E6;
  text-transform:uppercase;
  color:#CC0000;
  text-decoration:none;
  padding:10px 135px;
  cursor: pointer;
  }
  </code></pre>
  
  <p></p>