title: Enclosing multiple div tags?
body: <p>Mostly my issue is understanding what this step in my book is asking for. It says this word for word. </p>
  
  <p>"Beneath the h2 heading, insert a new line containing a div element with the class value table at the same indent level as the previous line. Add a closing tag for the div element below the last line of store hours information. Enclose each line of code containing store hours information in a div element with the class value "row", then delete the opening and closing p tags from each line. For each line, enclose the abbreviation of the day of the week within a div element, delete the colon (:) that follows it, move the remainder of the line onto a new line, then enclose the content of the new line in a div element."</p>
  
  <p>I deleted the p tags already and started putting in the div tags until I got confused on where they should be placed. Can anyone tell me where each of the div tags should be? It's due tonight and I already know my teacher won't reply before end of day because that's what college professors do best.</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>/* 
     Spotted Wren Garden Center style sheet 
     Filename: styles.css
  
     Author:   Justus Self
     Date:     3/21/17
     HTML5 and CSS3 Illustrated Unit H, Independent Challenge 1
   */
  
  /* reset styles */
  html {
     font-size: 18px;
  }
  article, body, div, figcaption, dd, dl, dt, ul, li, figure, footer, header, h1, h2, h3, img, nav, p, table, tbody, td, tfoot, th, thead, tr {
     border: 0;
     padding: 0;
     margin: 0;
     border-collapse: collapse;
     list-style-type: none;
  }
  img {
     max-width: 100%;
     height: auto;
     width: auto;
  }
  
  /* global styles */
  p {
     margin: 0.4em 0;
     font-size: 1.1em;
  }
  
  /* body and page container */
  body {
     font-family: Lato, Arial, Helvetica, sans-serif;
     background: #6ac238;
  }
  .container {
     max-width: 864px;
     margin: 0 auto;
     position: relative;
  }
  
  /* skip navigation link */
  p.skipnavigation {
     margin: 0;
  }
  p.skipnavigation a {
     position: absolute;
     left: -10000px;
  }
  p.skipnavigation a:focus {
     color: black;
     background-color: snow;
     top: 3.5%;
     left: auto;
     right: 3%;
     z-index: 2;
  }
  
  /* header section */
  header {
     background-color: white;
     text-align: center;
  }
  h1 {
     font-weight: 700;
     font-size: 2em;
  }
  h1 img {
     display: block;
  }
  
  /* site navigation */
  nav.sitenavigation {
     padding-left: 10%;
     background-color: rgb(241,90,36);
  }
  nav.sitenavigation li {
     display: inline-block;
     margin: 0.4em 0.6em;
     font-size: 1.1em;
  }
  nav.sitenavigation a:link {
     color: yellow;
     text-decoration: none;
  }
  nav.sitenavigation a:visited {
     color: #ffffff;
  }
  nav.sitenavigation a:hover, nav.sitenavigation a:focus {
     color: yellow;
     text-shadow: 1px -1px 0 #000000;
  }
  
  /* main content */
  article {
     padding: 1% 1% 1% 5%;
     text-align: left;
     background-color: rgb(255,255,255);
     overflow: auto;
  }
  h2 {
     margin: 0 0 0.4em;
     font-size: 1.8em;
     font-weight: 700;
  }
  h3 {
     margin: 1em 0 0.5em;
     font-size: 1.2em;
     font-weight: bold;
     color: green;
  }
  figure {
     width: 40%;
     float: right;
     text-align: center;
  }
  .scientific-name {
     font-style: italic;
  }
  
  /* main content table */
  th, td {
   border: 1px solid black;
   padding: 0.5em;
  }
  
  th {
   background-color: yellow;
  }
  .temps {
   background-color: #87f547;
  }
  
  .frost {
   background-color: #f5a88c;
  }
  
  /* Main Content Description List */
  dd { 
   margin-left: 1em;
   font-style: italic;
  }
  
  /* Main Content CSS Table */
  .table {
   margin: 1em 0;
   font-size: 1.3em;
   display: table;
  }
  .row {
   display: table-row;
  }
  .row div {
   padding: 0.25em 0.5em;
   display: table-cell;
  }
  .day {
   font-weight: bold;
  }
  /* footer section */
  footer {
     padding: 1% 1% 1% 5%;
     background-color: yellow;
     clear: both;
  }
  
  /* print styles */
  @media print {
     .container, h1, h2, p {
        color: black;
        background: white;
     }
     nav {
        display: none;
     }
  }
  @page {
     margin: 1in;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
     &lt;head&gt;
        &lt;title&gt;Spotted Wren Garden Center - Hours&lt;/title&gt;
        &lt;!--
           Spotted Wren Garden Center Hours page
           Filename: hours.html
        
           Author:   Justus Self
           Date:     3/21/17
           HTML5 and CSS3 Illustrated Unit H, Independent Challenge 1
        --&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;meta name="viewport" content="width=device-width"&gt;
        &lt;script src="modernizr.custom.40753.js"&gt;&lt;/script&gt;
        &lt;link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'&gt;
        &lt;link rel="stylesheet" href="styles.css"&gt;
        &lt;link rel="shortcut icon" href="images/favicon.ico"&gt;
        &lt;link rel="apple-touch-icon" href="images/apple-touch-icon.png"&gt;
        &lt;link rel="icon" sizes="192x192" href="images/android.png"&gt;
     &lt;/head&gt;
     &lt;body&gt;
        &lt;div class="container"&gt;
           &lt;p class="skipnavigation"&gt;&lt;a href="#contentstart"&gt;Skip navigation&lt;/a&gt;&lt;/p&gt;
           &lt;header&gt;
              &lt;h1&gt;&lt;a href="index.html"&gt;&lt;img src="images/spotwren.gif" width="864" height="184" alt="Spotted Wren Garden Center"&gt;&lt;/a&gt;&lt;/h1&gt;
           &lt;/header&gt;
           &lt;nav class="sitenavigation"&gt;
     &lt;ul&gt;
              &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="hours.html"&gt;Hours&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="resource.html"&gt;Resources&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="consult.html"&gt;Consulting&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
           &lt;/nav&gt;
           &lt;article&gt;
              &lt;figure id="contentstart"&gt;
                 &lt;img src="images/cone.jpg" height="301" width="200" alt="a monarch butterfly on a purple coneflower"&gt;
                 &lt;figcaption&gt;Purple Coneflower&lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;h2&gt;Hours&lt;/h2&gt;
     &lt;div class="table"&gt;
              &lt;div class="row"&gt; &lt;div&gt;Mon&lt;/div&gt; 
     &lt;div&gt; 8am &amp;mdash; 8pm&lt;/div&gt;
              &lt;div class="row"&gt;Tue: 8am &amp;mdash; 8pm&lt;/div&gt;
              &lt;div class="row"&gt;Wed: 8am &amp;mdash; 5pm&lt;/div&gt;
              &lt;div class="row"&gt;Thu: 8am &amp;mdash; 8pm&lt;/div&gt;
              &lt;div class="row"&gt;Fri: 8am &amp;mdash; 8pm&lt;/div&gt;
              &lt;div class="row"&gt;Sat: 9am &amp;mdash; 6pm&lt;/div&gt;
              &lt;div class="row"&gt;Sun: 11am &amp;mdash; 6pm&lt;/div&gt;
     &lt;/div&gt;
           &lt;/article&gt;
           &lt;footer&gt;
              &lt;p&gt;548 N. 58th St. &amp;#8226; Omaha, NE 68132 &amp;#8226; (402) 555-9736&lt;/p&gt;
           &lt;/footer&gt;
        &lt;/div&gt;
     &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>