User:Fredbenson2/sandbox/wiki homework int Lessons 10-16

With our above table place a black border, "dotted" style and 5 pixels thick. Make the table 600 pixels wide. Next place a blue border around all the cells. Place 5 pixels of padding in the header row of cells Separate all the cells with 5 pixels. Place a lightblue background on the column headers.

{| style=" width:600px; border:dotted black 5px" ! style="border:1px solid blue; text-align:center; padding:5px; background-color:lightblue; " | Fruits ! style="border:1px solid blue; text-align:center; padding:5px; background-color:lightblue; " | Vegetable ! style="border:1px solid blue; text-align:center; padding:5px; background-color:lightblue; " | Nuts ! style="border:1px solid blue; text-align:center; padding:5px; background-color:lightblue; " | Grains
 * style="border:1px solid blue; "| Apples
 * style="border:1px solid blue; "| Peas
 * style="border:1px solid blue; "| Peanuts
 * style="border:1px solid blue; "| Wheat
 * style="border:1px solid blue; "| Pears
 * style="border:1px solid blue; "| Carrots
 * style="border:1px solid blue; "| Walnuts
 * style="border:1px solid blue; "| Oats
 * style="border:1px solid blue; "| Cherries
 * sty|}le="border:1px solid blue; "| Corn
 * style="border:1px solid blue; "| Cashews
 * style="border:1px solid blue; "| Barley
 * style="border:1px solid blue; "| Oranges
 * style="border:1px solid blue; "| Beans
 * style="border:1px solid blue; "| Almonds
 * style="border:1px solid blue; "| Buckwheat
 * style="border:1px solid blue; "| Oranges
 * style="border:1px solid blue; "| Beans
 * style="border:1px solid blue; "| Almonds
 * style="border:1px solid blue; "| Buckwheat

With our above table place a yellow border, "groove" style and 10 pixels thick. Make the table 700 pixels wide. Next place a blue border around the headers. Give the header cells a light blue background. Change the color of the font to white.

Place our demonstration table on the right side of the page. Place our lorem ipsum paragraph under the table. Place a 10 pixel space between the table and the text.

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Take our Healthy Foods table and add another row. Now make the table sortable.