How to nest a table within a table?

Question

I\'ve seen a similar topic, but not for my specific situation. I need to nest a table within the table and it will take up several cells, but when I try to nest a table it d

Answer 1

Nested like this

/* 
   CSS for Lounge Project 
   Filename: styles.css
   
   Author:   Justus Self
   Date:     3/21/17
   HTML5 and CSS3 Illustrated Unit I, Lounge Independent Project
*/


/*Reset Styles*/

html,
body {
  font-size: 14px;
  width: 100%;
}

a,
body,
footer,
header,
h1,
h2,
h3,
img,
li,
nav,
p,
ul,
table,
tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0;
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}


/*Drink font colors*/

h2.green {
  color: green;
}

h2.blue {
  color: blue;
}

h2.purple {
  color: purple;
}

h2.red {
  color: red;
}

h2.yellow {
  color: gold;
}


/*center and border image*/

img.smlounge {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid;
  border-color: red;
}


/*Table styles*/

td,
th {
  border: 1px solid black;
  font-size: 1.3em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 1em;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
}

td[colspan="2"] {
  width: 20%;
}

.drink-name {
  text-align: left;
}

.mintable {
  border-collapse: initial;
  font-size: 0.9em;
}

tbody {
  border: solid black 1px
}

  
  

  

  



  
Our Elixirs

  
Green Tea Cooler
  

     Chock full of vitamins and minerals, this elixir combines the healthful benefits of green tea with a twist of chamomile blossoms and ginger root.
  
  

  
Raspberry Ice Concentration
  

     Combining raspberry juice with lemon grass, citrus peel and rosehips, this icy drink will make your mind feel clear and crisp.
  
  

  
Blueberry Bliss Elixir
  

     Blueberries and cherry essence mixed into a base of elderflower herb tea will put you in a relaxed state of bliss in no time.
  
  

  
Cranberry Antioxidant Blast
  

     Wake up to the flavors of cranberry and hibiscus in this vitamin C rich elixir.
  
  

  
Lemon Breeze
  
 The ultimate healthy drink, this elixir combines herbal botanicals, minerals, and vitamins with a twist of lemon into a smooth citrus wonder that will keep your immune system going all day
    and all night.
  
  

  

  

    

      

        
Our Drink Prices
      
      

        
Drink
        
Size
        
Price
      
    
    

      

        
Green Tea Cooler
        
16 oz.
        
$3.75
      
      

        
24 oz.
        
$4.75
      
      

        
Raspberry Ice Concentration
        
16 oz.
        
$3.75
      
      

        
24 oz.
        
$4.75
      
      

        
Cranberry Antioxidant Blast
        
20 oz.
        
$4.75
      
      

        
Lemon Breeze
        

          

            

              
Iced
              
16 oz.
            
            

              
Frozen
              
20 oz.

            

          

        
        

          

            

              
$4.75
            
            

              
$3.75
            
          

        
      
      

    
  

  

  
Back to the Lounge

  

    ©2016, Head First Online Lounge
 All trademarks and registered trademarks appearing on this site are the property of their respective owners.