title: display anchor tag to full width as a button in HTML?
body: <p>this is small code for side menu of my page</p>
  
  <pre><code>&lt;div style="display: block;" id="overlay" class="overlay"&gt;
      &lt;div id="sideMenuGroups"&gt;
      &lt;div id="sideMenuGroupHeader" class="mSideMenuSeparator"&gt;GROUPS&lt;/div&gt;
        &lt;div id="sideMenuGroupContent" class="mSideMenuContent"&gt;
             &lt;div id="teacherGroup"&gt;As Teacher
               &lt;a onclick="groupFeeds();" href="#"&gt;Data Mining&lt;/a&gt;
               &lt;a onclick="groupFeeds();" href="#"&gt;Data Structures&lt;/a&gt;
               &lt;a onclick="groupFeeds();" href="#"&gt;C Language&lt;/a&gt;
                //**display anchor tag to full width of overlay**
               &lt;a onclick="groupFeeds();" href="#"&gt;Introduction to IT&lt;/a&gt;
             &lt;/div&gt;
            &lt;/div&gt;  
      &lt;/div&gt;
      &lt;/div&gt;&lt;!--overlay ends here--&gt;
  </code></pre>
  
  <p>the css for the styles used is</p>
  
  <p>*<em>mSideMenuConten</em>*t has no style defined</p>
  
  <p><strong>mSideMenuContent a</strong>- tells how each anchor tag would be visible, i have tried     <strong>display:table-cell</strong> property, but it is not effective for me</p>
  
  <p><strong>overlay</strong> tells how the side menu would be</p>
  
  <pre><code>.mSideMenuContent
  {
  
  }
  .mSideMenuContent a
  {
      display: table-cell;
      height: 37px;
      color: #c4ccda;
      padding: 3px 0 3px 8px;
      font-size: small;
  
  }
  .mSideMenuContent a:hover
  {
    background:#262c3a;
    color: #c4ccda;
  }   
  .mSideMenuSeparator
  {
      background: #434b5c;
      border-top: 1px solid #242a37;
      border-bottom: 1px solid #242a37;
      font-family:Helvetica, sans-serif;
      font-size:x-small;
      color: #7a8292;
      height:17px;
      padding-top:4px;
      padding-left: 10px;
      text-shadow: 0 1px 0 rgba(0, 0, 0, .6)
  }
      .overlay {
      z-index: 1000;
      position: absolute; 
      top: 0;
      bottom: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background:#31394a;;
      color: #c4ccda;
      display: none;
  }
  </code></pre>
  
  <p>i want to display the anchor tag to full width of the side menu, how do i do that??</p>