HTML and CSS Reference
In-Depth Information
You've already replaced the “header”, “footer”, and “sidebar”
<div>s with the <header>, <footer>, and <aside> elements. Now
you need to replace the “drinks” and “main” <div>s with <section>
elements and also update your CSS. Leave all the table-display
<div>s in place for now; we still need those to keep the page laid
out correctly.
Go ahead and scratch out the HTML and
CSS below and write in what you need for
adding the <section> element.
<div id="tableContainer">
<div id="tableRow">
<div id="drinks">
...
</div>
<div id="main">
...
</div>
<aside>
...
</aside>
</div> <!-- tableRow -->
</div> <!-- tableContainer -->
#drinks {
display: table-cell;
background-color: #efe5d0;
width: 20%;
padding: 15px;
vertical-align: top;
}
#main {
display: table-cell;
background: #efe5d0
url(images/background.gif) top left;
font-size: 105%;
padding: 15px;
vertical-align: top;
}
Search WWH ::




Custom Search