title: Putting tables into two columns in a responsive webpage
body: <p>I am currently working on a class project and I am almost done, however I cannot get my calendar page to work properly. I am supposed to create each calendar month using tables, so no javascript or arrays. The calendar pages also needs to be responsive.</p>
  <p>I already made each month as a table and I need to put these tables into 2 columns. The issue is that the columns are uneven and I attached a screenshot below to show my problem. I want January - June on the left side and July-December on the right side. I am confused on how to do this.</p>
  <p>Each month is also supposed to have text listing important dates right next them. For example: 1st: New Years and 18:Martin Luther King Day should be next to the January table. When I try to put the text in the html code, I can never get the text to align properly. They were either below the tables or underneath them. I even tried tied putting all the text and calendar tables into one big table with four columns. I liked how it look, however I could not get this to be responsive since the table fell off the page in mobile view.</p>
  <p>I would appreciate any help I can get.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>CSS
  
  .Calendar, th,td{
     color: black;
     border: 1px solid navy;
     background-color: #add8e6;
     border-collapse: collapse;
     margin-bottom:1%;
     margin-top:1%;
    
  }
  
  .eventDay{
     background-color:red;
  }
  
  .column{
     -moz-column-count: 2;
     -webkit-column-count: 2;
     column-count: 2;
  }
  
  @media screen and (max-width: 480px){
     .column{
     -moz-column-count: 1;
     -webkit-column-count: 1;
     column-count: 1;
     }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
  &lt;div class="column"&gt;
  &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;January 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;1&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;2&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
      &lt;td&gt;14&lt;/td&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td&gt;16&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;18&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;24&lt;/td&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;26&lt;/td&gt;
      &lt;td&gt;27&lt;/td&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;29&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;30&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;31&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt; 
    &lt;/table&gt;
  
     &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;February 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;14&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;15&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;24&lt;/td&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;26&lt;/td&gt;
      &lt;td&gt;27&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
  
    &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;March 2021&lt;/th&gt;
    &lt;/tr&gt; 
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;14&lt;/td&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;24&lt;/td&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;26&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;27&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;29&lt;/td&gt;
      &lt;td&gt;30&lt;/td&gt;
      &lt;td&gt;31&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    
   &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;April 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;2&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;3&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
      &lt;td&gt;14&lt;/td&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;24&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;26&lt;/td&gt;
      &lt;td&gt;27&lt;/td&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;29&lt;/td&gt;
      &lt;td&gt;30&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
     &lt;/table&gt;
     
   &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;May 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
      &lt;td&gt;14&lt;/td&gt;
      &lt;td&gt;15&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;24&lt;/td&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;26&lt;/td&gt;
      &lt;td&gt;27&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;28&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;29&lt;/td&gt;
    &lt;/tr&gt;
   
   &lt;tr&gt;
      &lt;td&gt;30&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;31&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;June 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;12&lt;/td&gt;&lt;/div&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;13&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;14&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;24&lt;/td&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;26&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;27&lt;/td&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;29&lt;/td&gt;
      &lt;td&gt;30&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt; 
  &lt;/table&gt;
   &lt;/th&gt;
  
  &lt;div class="column"&gt; 
  &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;July 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;4&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;10&lt;/td&gt;&lt;/div&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;11&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
      &lt;td&gt;14&lt;/td&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;24&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;26&lt;/td&gt;
      &lt;td&gt;27&lt;/td&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;29&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;30&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;31&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt; 
   
    &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;August 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;7&lt;/td&gt;&lt;/div&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;8&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
      &lt;td&gt;14&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;24&lt;/td&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;26&lt;/td&gt;
      &lt;td&gt;27&lt;/td&gt;
      &lt;td&gt;28&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;29&lt;/td&gt;
      &lt;td&gt;30&lt;/td&gt;
      &lt;td&gt;31&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    
    &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;September 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;6&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;11&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
      &lt;td&gt;14&lt;/td&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;24&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;25&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;26&lt;/td&gt;
      &lt;td&gt;27&lt;/td&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;29&lt;/td&gt;
      &lt;td&gt;30&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    
   &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;October 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;11&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;12&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;13&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;14&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;15&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;16&lt;/td&gt;&lt;/div&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;17&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;24&lt;/td&gt;
      &lt;td&gt;25&lt;/td&gt;
      &lt;td&gt;26&lt;/td&gt;
      &lt;td&gt;27&lt;/td&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;29&lt;/td&gt;
      &lt;td&gt;30&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;31&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    
    &lt;table class="Calendar"&gt;
    &lt;tr&gt;
    &lt;th colspan="7"&gt;November 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;11&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;14&lt;/td&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;24&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;25&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;26&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;27&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;28&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;29&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;30&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    
   &lt;table class="Calendar"&gt;
  &lt;tr&gt;
    &lt;th colspan="7"&gt;December 2021&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Sun&lt;/th&gt; 
      &lt;th&gt;Mon&lt;/th&gt;
      &lt;th&gt;Tues&lt;/th&gt;
      &lt;th&gt;Wed&lt;/th&gt;
      &lt;th&gt;Thurs&lt;/th&gt;
      &lt;th&gt;Fri&lt;/th&gt; 
      &lt;th&gt;Sat&lt;/th&gt; 
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;1&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;2&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;3&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;4&lt;/td&gt;&lt;/div&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;5&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;6&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;7&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;8&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;9&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;10&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;11&lt;/td&gt;&lt;/div&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;12&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;13&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;14&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;15&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;16&lt;/td&gt;
      &lt;td&gt;17&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;19&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
      &lt;td&gt;23&lt;/td&gt;
      &lt;td&gt;24&lt;/td&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;25&lt;/td&gt;&lt;/div&gt;
    &lt;/tr&gt;
    
    &lt;tr&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;26&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;27&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;28&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;29&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;30&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;div class="eventDay"&gt;31&lt;/td&gt;&lt;/div&gt;
      &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
   &lt;/th&gt;
   &lt;/div&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/29M3H.png" rel="nofollow noreferrer">screenshot of calendar tables</a></p>