title: Within Span, how to change the color of text
body: <p>I hate to press my luck asking for help, but here I go anyway --</p>
  
  <p>I got this code from w3schools.com but cannot figure out how to make the word OPEN in the HTML code a different color.  It is currently black, I want it white.  The other colors I changed because my actual page has a black background.  Sorry the code is so long, I figured better to have too much than not enough.  Here is the code I currently have:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="mySidenav" class="sidenav"&gt;
  &lt;a href="javascript:void(0)" class="closebtn" onclick="closeNav()"&gt;&amp;times;&lt;/a&gt;
  &lt;a href="#"&gt;About&lt;/a&gt;
  &lt;a href="#"&gt;Services&lt;/a&gt;
  &lt;a href="#"&gt;Clients&lt;/a&gt;
  &lt;a href="#"&gt;Contact&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;p&gt;Click on the element below to open the menu&lt;/p&gt;
  &lt;span style="font-size:30px;cursor:pointer" onclick="openNav()"&gt;&amp;#9776; open&lt;/span&gt;
  
  &lt;script&gt;
  function openNav() {
  document.getElementById("mySidenav").style.width = "250px";
  }
  
  function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
  }
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body {
  font-family: "Lato", sans-serif;
  }
  
  .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #DD0;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
  }
  
  .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #2707AB;
      display: block;
      transition: 0.3s;
  }
  
  .sidenav a:hover {
      color: #818181;
  }
  
  .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }
  </code></pre>
  
  <p>Thanks for any help!</p>